/* CSS INFORMATION
	- Project: Media Star
	- Author: FelixPlus - www.felixplus.com
	- Last Update: 09/01/2013
*/

/* =========================================================
******************Common styles*****************************
============================================================ */
body {
    color: #626262;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
	background:url(images/background/body-bg.png) repeat 0 0;
}
pre, code {
    font-family: 'DejaVu Sans Mono',Menlo,Consolas,monospace;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-right-colors: none;
    -moz-border-main-content-innerors: none;
    -moz-border-top-colors: none;
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin-bottom: 15px;
    margin-top: 5px;
}
ol {
    list-style: decimal outside none;
}
ul {
    list-style: disc outside none;
}


/*------Responsive Image----------------*/
.responsive-img{
	max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

blockquote {
    line-height: 20px;
	background-color:#fbf8db;
	padding:10px;
	border-right:5px solid #e3cfa3;
	margin-bottom:15px;
}
/* =========================================================
**************************Heading***************************
============================================================ */
h1 {
    color: #000000;
    font: 400 28px/27px 'open_sans_semiboldregular',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
}
h2 {
    color: #000000;
    font: 400 24px/25px 'open_sans_semiboldregular',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
}
h3 {
    color: #000000;
    font: 400 22px/22px 'open_sans_semiboldregular',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
}
h4 {
    color: #000000;
    font: 400 18px/20px 'open_sans_semiboldregular',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
	
}
h5 {
    color: #000000;
    font: 400 16px/20px 'open_sans_semiboldregular',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
	
}
h6 {
    color: #000000;
    font: 400 14px/20px 'open_sansregular',Arial,sans-serif;
    letter-spacing: 0;
	margin-bottom:3px;
	
}
p { 
	margin-bottom:10px;
	line-height:18px;
}
/* =========================================================
********************Clear Floated Elements******************
============================================================ */
.right{ 
	float:right;
}
.left{
	float:left;
}
.clear {  
	clear: both;  
	display: block;  
	overflow: hidden;  
	visibility: hidden;  
	width: 0;  height: 0;
}
.clearfix:before,.clearfix:after{
  content: '.';  
  display: block;  
  overflow: hidden;  
  visibility: hidden;  
  font-size: 0;  
  line-height: 0;  
  width: 0;  
  height: 0;
 }
.clearfix:after{  
	clear: both;
}
.clearfix{  
	zoom: 1;
}
.hover-effect{
	cursor:pointer;
	z-index:100;
}

/* =========================================================
***************************Columns**************************
============================================================ */
#sidebar {
	right:0;
	z-index:1000;
	float:right;
	width:250px;
	border-left:1px solid rgba(255,255,255,1);
	min-height:100%;
	background:#181818 url(images/background/bg-sidebar.png) top right;
	position:fixed;
	top:0;
	-webkit-box-shadow:  1px 0px 0px 0px rgba(0, 0, 0, .1);
	box-shadow:  1px 0px 0px 0px rgba(0, 0, 0, .1);
}
#left-sidebar {
	float:left;
	width:330px;
	margin-top:50px;
}
#right-sidebar {
	float:right;
	width:330px;
	margin-top:50px;
}
#center-col {
	float:right;
	margin-top:50px;
}
#main-content {
	right:250px;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
	height:100%;
}
.home-s1 #main-content {
	background:url(placeholders/02.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	bottom:0;
}
.home-s2 #main-content {
	background:url(placeholders/04.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.home-s3 #main-content {
	text-align:right;
	bottom:0;
}
#main-content-inner {
	width:80%;
	margin:0 auto;
}
.fixed-width #main-content-inner {
	width:100%;
	margin:0 auto;
}
.last {
	margin-left:0 !important;
}
.wrapper {
	min-height:100%;
}
#right-panel {
	position:fixed;
	top:50px;
	right:0;
	width:25px;
	height:50px;
	background-color:#ededed;
	color:#3d3d3d;
	font-size:20px;
	z-index:1000;
	text-align:center;
	line-height:50px;
	cursor:pointer;
	display:none;
	border-radius:0 4px 4px 0;
	-webkit-border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
}
/* =========================================================
**********************Sidebar*******************************
============================================================ */
#logo-image {
	padding:2px 0;
	text-align:center;
	margin:25px auto;
}
#mobile-logo-image {
	text-align:center;
	margin:15px auto;
	display:none;
}
#main-nav {
	margin:0 25px 30px 25px;
}
#main-menu {
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	position:relative;
	z-index:1;
    border: 1px solid #dadada;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(255, 255, 255, .7);
}
#main-menu > li {
	position:relative;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
    border-bottom: 1px solid #e3e3e3;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset;
	background-image: linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -o-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -webkit-gradient(
		linear,
		right bottom,
		right top,
		color-stop(0.02, rgb(236,236,236)),
		color-stop(1, rgb(247,247,247))
	);
}
#main-menu > li:first-child {
	border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
}
#main-menu > li:last-child {
	border-bottom:none;
	border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
}
#main-menu > li.menu-arrow {
	cursor:pointer;
}
#main-menu > li.menu-arrow > a {
	background:url(images/icons/select-icon.png) no-repeat left 16px !important;
	margin-left:10px;
}
#main-menu > li > a {
	display:block;
	height:26px;
	line-height:26px;
	padding:5px 0;
	font-size:12px;
	margin:0 10px;
    text-shadow: 0 1px 0 #FFF;
}
#main-menu > li > a span {
	padding-right:36px;
	line-height:26px;
	display:block;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	font-family: 'Coda', cursive;
}
#main-menu > li.menu-home > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 0;
}
#main-menu > li.menu-home:hover > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -31px;
}
#main-menu > li.menu-about > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -62px;
}
#main-menu > li.menu-about:hover > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -93px;
}
#main-menu > li.menu-portfolio > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -124px;
}
#main-menu > li.menu-portfolio:hover > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -160px;
}
#main-menu > li.menu-blog > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -195px;
}
#main-menu > li.menu-blog:hover > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -231px;
}
#main-menu > li.menu-bg > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -410px;
}
#main-menu > li.menu-bg:hover > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -446px;
}
#main-menu > li.menu-feature > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -267px;
}
#main-menu > li.menu-feature:hover > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -302px;
}
#main-menu > li.menu-colors > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -480px;
}
#main-menu > li.menu-colors:hover > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -518px;
}
#main-menu > li.menu-purchase > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -556px;
}
#main-menu > li.menu-purchase:hover > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -592px;
}
#main-menu > li.menu-contact > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -338px;
}
#main-menu > li.menu-contact:hover > a span {
	background:url(images/icons/menu-icon.png) no-repeat 0 -374px;
}
#main-menu > li:hover, #main-menu > li.current-menu-item {
	background-image: linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -o-linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	
	background-image: -webkit-gradient(
		linear,
		right bottom,
		right top,
		color-stop(0.02, rgb(226,226,226)),
		color-stop(1, rgb(243,243,243))
	);
	border-bottom: 1px solid #d4d4d4;
}
#main-menu > li:hover > a, #main-menu > li.current-menu-item > a {
	color:#ED145B;
	text-shadow: 0 0 10px #FFF;
}

/*------------- Sub Menu ---------------*/
#main-menu li ul {
	background: #FFF;
	display:none;
	padding:5px 0;
	border-top:1px solid #e3e3e3;
}
#main-menu li ul li {
	padding-right:15px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	border-bottom:1px solid rgba(41, 41, 41, 0);
}
#main-menu li ul li:hover {
	background-color:#f3f3f3;
	border-bottom:1px solid #e2e2e2 ;
}
#main-menu li ul li a {
	background:url(images/icons/plus-icon.png) top right no-repeat;
	background-position:16px 9px;
	padding:7px 0 7px 30px;
	display:block;
	font-size:11px;
}
#main-menu li ul li:hover a {
	color:#ed145b;
}
.twitter-widget {
	margin:0 25px 50px;
	display:none;
}
.twitter-widget img {
	margin-bottom:20px;
}
.tweet_list {
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#848484;
	font-style:italic;
	line-height:18px;
}
.tweet_avatar {
	width:16px;
	height:14px;
	background:url(images/icons/quote-icon.png) no-repeat 0 0;
	display:inline-block;
	margin-left:10px;
}
.tweet_avatar img {
	display:none;
}
.tweet_time{
	display:block;
}
/* =========================================================
**********************Bottom Sidebar************************
============================================================ */
#bottom-sidebar {
    bottom: 30px;
    line-height: 0;
    margin: 0 7px;
    padding: 10px 15px;
    position: fixed;
    text-align: center;
    width: 205px;
}
.social-links {
	display:inline-block;
}
.social-links li {
	float:right;
	margin-left:2px;
}
.social-links li a {
  position:relative;
  height:42px;
  width:39px;
  margin:0 auto;
  display:inline-block;
}

.social-links li a img {
  position:absolute;
  right:0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.social-links li a img.top:hover {
  opacity:0;
}

#copyleft {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin:0 25px 5px 25px;
	text-align:center;
	width:200px;
	position:fixed;
	bottom:10px;
	text-shadow: 0 1px 0px #ffffff;
}
#copyleft a {
	font-weight:bold;
	color:#848484;
	text-shadow: 0px 1px 0px #ffffff;
}
#copyleft a:hover {
	color:#ED145B;
}
/* =========================================================
*********************Main content***************************
============================================================ */
.home #main-content {

}
/* =========================================================
******************Blog v1 Page******************************
============================================================ */
.element .blog-img {
	display:block;
	margin-bottom:10px;
	position:relative;
}
.element .blog-img img {
	width:100%;
	height:auto;
}
.element .blog-img.no-avatar img {
	width:auto;
}
.element .audio-container audio {
	margin:5px 0;
	width:100%;
}
.element .flx-time {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid rgba(255, 255, 255, 0.8);
    -webkit-border-radius:0 0 5px 0;
	-moz-border-radius:0 0 5px 0;
	border-radius:0 0 5px 0;
    color: #4D4D4D;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    height: 35px;
    padding: 10px 0;
    text-align: center;
    width: 49px;
}
.element .blog-img .flx-time {
	right: -3px;
    position: absolute;
    top: -4px;
    z-index: 10;	
}
.element .blog-img.no-avatar .flx-time {
	right:0 !important;	
}
.element .flx-time p {
	font-size:25px;
	background:url(images/background/dot-1.png) repeat-x 0 bottom;
	padding-bottom:8px;
}
.element .flx-time span {
	display:inline-block;
	font-size:11px;
	line-height:20px;
}
.element .entry-content .flx-time {
	float:right;
	margin-left:10px;
}
.element .blog-img p.play-icon {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background-color:none;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	display:block;
	width:100%; 
	height:100%;
	background:rgba( 0, 0, 0, 0) url(images/icons/play-icon.png) no-repeat center center;
	opacity:0;
	margin-bottom:0;
}
.element .blog-img:hover p.play-icon {
	background:rgba( 0, 0, 0, 0.5) url(images/icons/play-icon.png) no-repeat center center;
	opacity:1;
}
.element .blog-img p.view-icon {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background-color:none;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	display:block;
	width:100%; 
	height:100%;
	background:rgba( 0, 0, 0, 0) url(images/icons/view-icon.png) no-repeat center center;
	opacity:0;
	margin-bottom:0;
}
.element .blog-img:hover p.view-icon {
	background:rgba( 0, 0, 0, 0.5) url(images/icons/view-icon.png) no-repeat center center;
	opacity:1;
}
.element .no-avatar img {
	float:left;
	margin-top:5px;
}
.element h5 {
	font-size:15px;
}
.element h5 a {
	color:#ed145b;
	font-family: 'Coda', cursive;
}
.element h5 a:hover {
	color:#4d4d4d;
}
.element .entry-meta {
	display:inline-block;
	background:url(images/icons/entry-categories-icon.png) no-repeat right 0;
	padding-right:15px;
	margin-right:10px;
	margin-bottom:10px;
}
.element .entry-categories:hover {
	color:#626262;
}
.element footer {
	font-family:Arial, Helvetica, sans-serif;
	color:#373737;
	font-size:11px;
	font-weight:bold;
	margin-top:15px;
	padding:10px 0 5px;
	border-top:1px dotted #ccc;
}
.element .entry-comments, .element .entry-views {
	margin-left:30px;
	margin-top:8px;
}
.entry-comments {
	display:inline-block;
	background:url(images/icons/entry-comment-icon.png) no-repeat right center;
	padding-right:20px;
}
.entry-views {
	display:inline-block;
	background:url(images/icons/entry-view-icon.png) no-repeat right center;
	padding-right:20px;
}
.entry-likes {
	display:inline-block;
	background:url(images/icons/entry-like-icon.png) no-repeat right center;
	padding-right:15px;
}
.element .more-link {
	float:left;
}
.more-link {
	display:inline-block;
}
.more-link .more-link-icon {
	background:url(images/icons/button-link-icon.png) no-repeat center center;
	display:inline-block;
	width:29px;
	height:30px;
	border-left:1px solid #454545;
	background-color:#222;
	border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;
	float:right;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
}
.more-link .more-link-text {
	display:inline-block;
	line-height:30px;
	height:30px;
	background-color:#363636;
	float:left;
	border-radius:0px 3px 3px 0px;
	-moz-border-radius:0px 3px 3px 0px;
	-webkit-border-radius:0px 3px 3px 0px;
	position:relative;
	z-index:0;
	padding:0 10px;
	font-family: 'Coda', cursive;
	font-size:12px;
	font-weight:400;
	color:#fff;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
}
.more-link:hover .more-link-icon {
	background-color:#c50544;
	border-left:1px solid #fe4481;
}
.more-link:hover .more-link-text {
	background-color:#ed145b;
}
.element .des {
	color:#373737;
	font-family:Arial, Helvetica, sans-serif;
}
.pf-page .element {
	border:5px solid #fff;
	padding:0;
}
.filter-picker {
	position:absolute;
	width:34px;
	height:34px;
	background:url(images/icons/select-icon-2.png) no-repeat center center;
	cursor:pointer;
	top:1px;
	left:20px;
	z-index:10;
}
.filter-picker:hover {
	background:url(images/icons/select-icon-hover-2.png) no-repeat center center;
}
#filter-by-category {
	background-color:#ececec;
	border:1p solid #e3e3e3;
	width:auto;
	padding:5px;
	position:absolute;
	left:5px;
	top:36px;
	display:none;
	text-align:right;
	z-index:1000;
	-webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
#filter-by-category li {
	list-style:none;
}
#filter-by-category li a {
	color: #555;
	cursor: pointer;
	font-size: 12px;
	padding:5px;
	display:block;
	border-left: 1px solid rgba(55,55,55,0);
	border-right: 1px solid rgba(55,55,55,0);
	font-family: 'Coda', cursive;
}
#filter-by-category li a:hover, #filter-by-category li a:active {
	color: #ED145B;
	background-color: #FFF;
	-webkit-border-radius: 3px;
    border-radius: 3px;
}
.blog-v3#filter-by-category {
	border-top:1px solid rgba(55, 55, 55, 0.6) !important;
}
/* =========================================================
**********************Blog v2 Page**************************
============================================================ */
.blog-v2-img {
	display:block;
	float:right;
	margin-left:10px;
}
.blog-v2-img img {
	display:block;
	width:99px;
	height:auto;
}
.element .entry-content {
	float:right;
	width:362px;
}
.element .entry-content footer {
	padding:5px 0 0;
}
/* =========================================================
************************Single Page*************************
============================================================ */
.breadcrumb {
	margin:15px 0;
}
.breadcrumb a {
	font-weight:700;
	color:#dcdcdc;
	margin-left:15px;
	background:url(images/icons/breadcrumb-icon.png) no-repeat left center;
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
}
.breadcrumb a.current-page {
	font-weight:400;
	background:none;
	padding-left:0;
	margin-left:0;
}
.breadcrumb a:hover {
	text-decoration:underline;
}
.white-box {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	z-index:0;
	padding:15px;
	margin:50px 0;
	background:url(images/background/bottom-shadow-1.png) repeat-x 0 bottom #ffffff;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.entry-box p {
	font-family:Arial, Helvetica, sans-serif;
}
.entry-header {
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	margin-bottom:15px;
}
.entry-box .flx-time {
    background: url("images/background/time-bg.html") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float:right;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    height: 35px;
    padding: 10px 0;
    text-align: center;
    width: 49px;
	margin-left:20px;
}
.entry-box .flx-time p {
    background: url("images/background/dot-1.png") repeat-x scroll 0 bottom transparent;
    font-size: 25px;
    padding-bottom: 8px;
	margin:0;
}

.entry-header-left .entry-title {
	color:#ed145b;
	font-size:15px;
}
.entry-header-left .entry-meta, .entry-header-left .entry-author, .entry-header-left .entry-categories {
	margin-bottom:8px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	display:inline-block;
}
.entry-header-left .entry-meta {
	color:#999;	
}
.entry-header-left .entry-author, .entry-header-left .entry-categories {
	color:#373737;
	font-weight:700;
}
.entry-header-left .entry-author:hover, .entry-header-left .entry-categories:hover {
	text-decoration:underline;
}
.entry-header-left .entry-date {
	font-size:11px;
	color:#a4a4a4;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/icons/entry-date-icon.png) no-repeat 0 0;
	padding-right:20px;
	display:block;
	float:right;
	line-height:14px;
}
.meta-data {
	float:left;
}
.meta-data .entry-comments, .meta-data .entry-views {
	margin-left:25px;
}
.meta-data .entry-comments, .meta-data .entry-views, .meta-data .entry-likes {
	font-family:Arial, Helvetica, sans-serif;
	color:#373737;
	font-size:11px;
	font-weight:700;
}
.entry-box .entry-thumb {
	display:inline-block;
	height:auto;
	margin-bottom:20px;
	width:100%;
}
.auto-100 {
	width:100%;
}
/*------------------ Comments List ---------------------*/
#comments {
	border-top:1px dotted #ccc;
	padding-top:15px;
	margin-bottom:20px;
	margin-top:40px;
}
#comments h3, #respond h3 {
	font-size:20px;
	margin-bottom:15px;
	font-weight:400;
	color:#6c6c6c;
	font-family: 'Coda', cursive;
}
#comments h3 span {
	color:#a9a9a9;
}
.comments-list .comment {
	margin-bottom:20px;
	list-style:none;
}
.comment-wrap img {
	float:right;
	margin-left:20px;
}
.comment-wrap .comment-body {
	margin-right:80px;
	border-bottom:1px solid #ededed;
	padding-bottom:20px;
}
.comments-list .comment:last-child .comment-body {
	border-bottom:none;
	padding-bottom:0;
}
.comments-list .children.depth-1 .comment:last-child .comment-body {
	border-bottom:1px solid #ededed;
	padding-bottom:20px;
}
.comment-wrap .comment-body .comment-meta .author {
	display:block;
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#373737;
	text-transform:uppercase;
}
.comment-wrap .comment-body .comment-meta .date {
	display:inline-block;
	font-size:11px;
	margin-bottom:5px;
	color:#8c8c8c;
	font-family:Arial, Helvetica, sans-serif;
}
.comment-wrap .comment-body .comment-reply-link, .comment-wrap .comment-body .comment-edit-link {
	font-size:11px;
	display:inline-block;
	color:#373737;
	font-weight:700;
	font-family:Arial, Helvetica, sans-serif;
}
.comment-wrap .comment-body .comment-reply-link:hover, .comment-wrap .comment-body .comment-edit-link:hover {
	text-decoration:underline;
}
.comment-wrap .comment-body .comment-reply-link {
	margin-left:10px;
}
.comment-wrap .comment-body p {
	font-size:11px;
	color:#6d6d6d;
}
.comments-list .children.depth-1 {
	margin-right:80px;
}
.comments-list .children.depth-2 {
	margin-right:160px;
}
/*------------------ Comment Form ---------------------*/
#respond {
	border-top:1px dotted #ccc;
	padding-top:15px;
}
#respond h3 {
	margin-bottom:30px;
}
#comments-form p {
	margin-bottom:15px;
	position:relative;
}
#comments-form label {
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-weight:700;
	float:right;
	margin:10px 20px 0 10px;
	width:60px;
}
/*#comments-form #comment_name, #comments-form #comment_email {
	width:245px;
	padding:0 10px;
	height:34px;
	line-height:34px;
	border:1px solid #ededed;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
}*/
.contact-page #comments-form #comment_name, .contact-page #comments-form #comment_email {
	width:245px;
	padding:0 10px;
	height:34px;
	line-height:34px;
	background:#FFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
	color:#999;
	border:1px solid #B9B9B9;	
	box-shadow:0 3px 4px #E2E2E2 inset;
	opacity: 0.32;
	
}
#comments-form #comment_name, #comments-form #comment_email {
	width:245px;
	padding:0 10px;
	height:34px;
	line-height:34px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
	border:1px solid #B9B9B9;	
	box-shadow:0 3px 4px #E2E2E2 inset;
	opacity: 0.32;
}
#comments-form #comment_message {
	width:425px;
	padding:10px;
	height:134px;
	border:1px solid #B9B9B9;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
	box-shadow:0 3px 4px #E2E2E2 inset;
	opacity: 0.32;
}
.contact-page #comments-form #comment_message {
	width:425px;
	padding:10px;
	height:134px;
	border:1px solid rgba(237, 20, 91, 0);
	background:#FFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
	color:#999;
	border:1px solid #B9B9B9;	
	box-shadow:0 3px 4px #E2E2E2 inset;
	opacity: 0.32;
}
#comments-form #comment_name:focus, #comments-form #comment_email:focus, #comments-form #comment_message:focus {
	box-shadow: 0 0 3px #ed145b;
	-moz-box-shadow: 0 0 3px #ed145b;
	-webkit-box-shadow: 0 0 3px #ed145b;
	border:1px solid #ed145b;	
	opacity: 1;
}
.contact-page #comments-form #comment_name:focus, .contact-page #comments-form #comment_email:focus, .contact-page #comments-form #comment_message:focus {
	border: 1px solid #ED145B;
    box-shadow: 0 0 3px #ED145B;
	-moz-box-shadow: 0 0 3px #ED145B;
	-webkit-box-shadow: 0 0 3px #ED145B;
	opacity:1;
	filter: alpha(opacity = 100);
}
#comments-form .comment-button span {
	display:inline-block;
	margin-right:90px;
}
#comments-form .comment-button span.submit-comment-icon {
	display:inline-block;
	background:url(images/icons/button-create-icon.png) no-repeat center center;
	width:29px;
	height:30px;
	border-left:1px solid #454545;
	background-color:#222;
	border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;
	float:right;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	margin:0;
	position:relative;
	z-index:0;
}
#comments-form .comment-button span:hover span.submit-comment-icon {
	background-color:#c50544;
	border-left:1px solid #fe4481;
}
#comments-form .comment-button #submit-comment {
	border:none;
	cursor:pointer;
	background-color:#363636;
	float:left;
	border-radius:0px 3px 3px 0px;
	-moz-border-radius:0px 3px 3px 0px;
	-webkit-border-radius:0px 3px 3px 0px;
	padding:5px 10px;
	font-family: 'Coda', cursive;
	font-size:12px;
	font-weight:400;
	color:#fff;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	text-transform:lowercase;
	margin:0;
	position:relative;
	z-index:0;
	cursor:pointer;
	line-height:20px;
	height:30px;
}
#comments-form .comment-button span:hover #submit-comment {
	background-color:#ed145b;
}
#comments-form label.error {
	float:none;
	position:absolute;
	top:-15px;
	right:90px;
	width:auto;
	margin:0;
	color:#ed145b;
	font-size:11px;
}
/* =========================================================
**************************Contact Page**********************
============================================================ */
.felix-map {
	float:right;
	width:40%;
	height:100%;
}
.contact-box {
	float:right;
	width:59%;
	border-right:1px solid #FFF;
}
.contact-box #respond {
	padding-top:30px;
	margin:0 30px;
	border-top:none;
	padding-bottom:40px;
	border-bottom:1px solid #dadada;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
    box-shadow:   0px 1px 0px rgba(255, 255, 255, 1);
}
#respond h2, .contact-info h2 {
	font-size:30px;
	color:#3d3d3d;
	font-family: 'Coda', cursive;
	margin-bottom:20px;
	text-shadow: 0 1px 0px #ffffff;
}
.contact-box .contact-des {
	color:#6d6d6d;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:20px;
	margin-bottom:30px;
	border-bottom:1px solid #dadada;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
    box-shadow:   0px 1px 0px rgba(255, 255, 255, 1);
}
.contact-info {
	margin:20px 20px 0px 30px;
}
.contact-info p {
	margin-bottom:5px;
	color:#525252;
	font-family:Arial, Helvetica, sans-serif;
}
.contact-info p.contact-address {
	margin-bottom:20px;
}
.contact-info p.contact-address span {
	display:block;
}
.contact-info p a:hover {
	color:#ed145b;
}

/* =========================================================
***************************Post Page************************
============================================================ */
.left-sidebar-page #center-col .white-box {
	margin-right:25px;
	margin-top:0;
}
.right-sidebar-page #center-col .white-box {
	margin-left:0;
	margin-top:0;
}
#left-sidebar .widget, #right-sidebar .widget {
	margin:0 25px 30px;
	width:280px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	position:relative;
	z-index:0;
	background:url(images/background/bottom-shadow-1.png) repeat-x 0 bottom #ffffff;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
#left-sidebar .widget .widget-title, #right-sidebar .widget .widget-title {
	font-size:15px;
	font-family: 'Coda', cursive;
	color:#4d4d4d;
	padding:8px 10px;
	margin:0;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	text-shadow: 0 1px 0 #;
	border-bottom: 1px solid #e3e3e3;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset;
	background-image: linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -o-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -webkit-gradient(
		linear,
		right bottom,
		right top,
		color-stop(0.02, rgb(236,236,236)),
		color-stop(1, rgb(247,247,247))
	);
}
#left-sidebar .widget .categories-widget, #left-sidebar .widget .flx-archive, 
#right-sidebar .widget .categories-widget, #right-sidebar .widget .flx-archive {
	padding:0 10px;
}
#left-sidebar .widget .categories-widget li,
#right-sidebar .widget .categories-widget li {
	border-bottom:1px solid #e9e9e9;
	color:#373737;
	font-weight:700;
	font-family:Arial, Helvetica, sans-serif;
	-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#left-sidebar .widget .categories-widget li:last-child,
#right-sidebar .widget .categories-widget li:last-child {
	border-bottom:none;
}
#left-sidebar .widget .flx-archive li,
#right-sidebar .widget .flx-archive li {
	font-weight:700;
	font-family:Arial, Helvetica, sans-serif;
	-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#left-sidebar .widget .categories-widget li a, #left-sidebar .widget .flx-archive li a,
#right-sidebar .widget .categories-widget li a, #right-sidebar .widget .flx-archive li a {
	display:block;
	padding:10px 0 10px 15px;
	background:url(images/icons/bullet-plus.png) no-repeat right center;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#727272;
}
#left-sidebar .widget .categories-widget li a:hover,
#right-sidebar .widget .categories-widget li a:hover {
	margin-right:5px;
	color:#ed145b;
}
#left-sidebar .widget .flx-archive li a:hover,
#right-sidebar .widget .flx-archive li a:hover {
	color:#ed145b;
}

/*----- TAB -----*/
#left-sidebar .sidebar-list-container,
#right-sidebar .sidebar-list-container {
	padding:10px 0 0 10px;
	background:url(images/background/widget-title-bg.png) repeat-x 0 bottom;
}
#left-sidebar .sidebar-list-container ul,
#right-sidebar .sidebar-list-container ul {
    width: 100%;
}
#left-sidebar .sidebar-list-container ul li,
#right-sidebar .sidebar-list-container ul li {
    float: right;
}
#left-sidebar .sidebar-list-container ul.sidebar-tabs li a,
#right-sidebar .sidebar-list-container ul.sidebar-tabs li a {
    display: block;
    padding: 7px 15px 5px 15px;
	font-size:14px;
	color:#4d4d4d;
	outline:none;
	position:relative;
	z-index:0;
	font-family:"Coda",Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 0 #FFF;
}
#left-sidebar .sidebar-list-container ul.sidebar-tabs li.active a,
#right-sidebar .sidebar-list-container ul.sidebar-tabs li.active a,
#left-sidebar .sidebar-list-container ul.sidebar-tabs li.active a:hover,
#right-sidebar .sidebar-list-container ul.sidebar-tabs li.active a:hover {
    background-color:#e3e3e3;
	color:#ED145B;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}
#left-sidebar .sidebar-list-container ul.sidebar-tabs li a:hover,
#right-sidebar .sidebar-list-container ul.sidebar-tabs li a:hover {
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	color:#ed145b;
}
#left-sidebar .sidebar-tab-container,
#right-sidebar .sidebar-tab-container {
	border-top: 5px solid #e3e3e3;
	margin-top:-1px;
}
#left-sidebar .sidebar-tab-content li,
#right-sidebar .sidebar-tab-content li {
	border-bottom:1px solid #e3e3e3;
	padding:15px 10px 10px;
}
#left-sidebar .sidebar-tab-content .recent-post-thumb,
#right-sidebar .sidebar-tab-content .recent-post-thumb {
	display:inline-block;
	border:4px solid #e4e4e4;
	box-shadow: 0 0 1px #FFF;
	-moz-box-shadow: 0 0 1px #FFF;
	-webkit-box-shadow: 0 0 1px #FFF;
	float:right;
	margin-left:5px;
	position:relative;
	z-index:0;
}
#left-sidebar .sidebar-tab-content .entry-content,
#right-sidebar .sidebar-tab-content .entry-content {
	margin-right:55px;
}
#left-sidebar .sidebar-tab-content .entry-content a,
#right-sidebar .sidebar-tab-content .entry-content a {
	font-family:Arial, Helvetica, sans-serif;
	color:#727272;
	line-height:16px;
	display:inline-block;
	margin-bottom:5px;
}
#left-sidebar .sidebar-tab-content .entry-comments, #left-sidebar .sidebar-tab-content .entry-meta,
#right-sidebar .sidebar-tab-content .entry-comments, #right-sidebar .sidebar-tab-content .entry-meta {
	display:inline-block;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999 !important;
}
#left-sidebar .sidebar-tab-content .entry-content a:hover, #left-sidebar .sidebar-tab-content .entry-comments:hover,
#right-sidebar .sidebar-tab-content .entry-content a:hover, #right-sidebar .sidebar-tab-content .entry-comments:hover {
	color:#ed145b !important;
}
#left-sidebar .sidebar-tab-content .entry-comments,
#right-sidebar .sidebar-tab-content .entry-comments {
	background:none;
	padding:0;
}
#left-sidebar .view-all,
#right-sidebar .view-all {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	color:#929292;
	display:inline-block;
	margin:10px 0;
}
#left-sidebar .view-all:hover,
#right-sidebar .view-all:hover {
	color:#ed145b;
}
/*----- Flickr -----*/
.flickr-wrap {
	margin:10px 0 0 0;
}
.flickr-badge-image {
	float:right;
	border:4px solid #e4e4e4;
	box-shadow: 0 0 1px #FFF;
	-moz-box-shadow: 0 0 1px #FFF;
	-webkit-box-shadow: 0 0 1px #FFF;
	margin:0 10px 10px;
	overflow:hidden;
}
.flickr-badge-image img {
	-moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.flickr-badge-image:hover img {
	opacity:0.5;
    filter: alpha(opacity=50);
}
/*----- Login Form -----*/
#left-sidebar #login,
#right-sidebar #login {
	padding:10px 15px 15px;
}
#left-sidebar #login #inputs label,
#right-sidebar #login #inputs label {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#727272;
	margin-bottom:5px;
}
#left-sidebar #login #username, #left-sidebar #login #password,
#right-sidebar #login #username, #right-sidebar #login #password {
	padding:0 10px;
	width:228px;
	margin-bottom:15px;
	height:34px;
	line-height:34px;
	background:#FFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	position:relative;
	z-index:0;
	color:#999;
	
	border:1px solid #B9B9B9;	
	box-shadow:0 3px 4px #E2E2E2 inset;
	opacity: 0.32;
}
#left-sidebar #login #username:focus, #left-sidebar #login #password:focus,
#right-sidebar #login #username:focus, #right-sidebar #login #password:focus {
	border: 1px solid #ED145B;
    box-shadow: 0 0 3px #ED145B;
	-moz-box-shadow: 0 0 3px #ED145B;
	-webkit-box-shadow: 0 0 3px #ED145B;
	opacity:1;
	filter: alpha(opacity = 100);
}
#left-sidebar #login #remember-password,
#right-sidebar #login #remember-password {
	margin-left:5px;
}
#left-sidebar #login a,
#right-sidebar #login a {
	color:#727272;
	font-family:Arial, Helvetica, sans-serif;
	display:inline-block;
}
#left-sidebar #login a:hover,
#right-sidebar #login a:hover {
	color:#ED145B;
}
#left-sidebar #login a.lost-password,
#right-sidebar #login a.lost-password {
	display:block;
	margin:10px 0 5px 25px;
}
#left-sidebar #login #submit,
#right-sidebar #login #submit {
	background-color:#e2e2e2;
	border: 1px solid #d6d6d6;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	float:left;
	color:#4d4d4d;
	padding:5px 20px;
	font-family: 'Coda', cursive;
	cursor:pointer;
	-moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
	position:relative;
	z-index:0;
	font-size:12px;
}
#left-sidebar #login #submit:hover,
#right-sidebar #login #submit:hover {
	border: 1px solid #ED145B;
	background-color:#ED145B;
	color:#fff;
}
/*-- Accordion --*/
#left-sidebar .widget .accordion-title,
#right-sidebar .widget .accordion-title {
	border-bottom: 1px solid #e3e3e3;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset;
	background-image: linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -o-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -webkit-gradient(
		linear,
		right bottom,
		right top,
		color-stop(0.02, rgb(236,236,236)),
		color-stop(1, rgb(247,247,247))
	);
	position:relative;
	z-index:0;
}
#right-sidebar .widget .accordion-title.end { border-bottom:none;}
#left-sidebar .widget .accordion-title h3,
#right-sidebar .widget .accordion-title h3 {
	margin-bottom:0;
	color: #626262;
    font-family: 'Coda',cursive;
    font-size: 14px;
}
#left-sidebar .widget .accordion-title a,
#right-sidebar .widget .accordion-title a {
	color:#4d4d4d;
	display:block;
	padding:7px 10px;
	text-shadow: 0px 1px 0px #;
}
#left-sidebar .widget .accordion-title a:hover,
#right-sidebar .widget .accordion-title a:hover {
	color:#ED145B;
}
#left-sidebar .widget .accordion-title.active a,
#right-sidebar .widget .accordion-title.active a {
	color:#ED145B;
}
.accordion-container {
	padding:10px 0 0 0;
}
#left-sidebar .widget .accordion-container ul,
#right-sidebar .widget .accordion-container ul {
	border-bottom:1px solid #E3E3E3;
	padding:0 10px;
	position:relative;
	z-index:0;
}
#left-sidebar .widget .accordion-container ul li,
#right-sidebar .widget .accordion-container ul li {
	margin-bottom:10px;
}
#left-sidebar .widget .accordion-container ul li img,
#right-sidebar .widget .accordion-container ul li img {
	float:right;
	margin-left:10px;
	border:4px solid #e4e4e4;
	box-shadow: 0 0 1px #FFF;
	-moz-box-shadow: 0 0 1px #FFF;
	-webkit-box-shadow: 0 0 1px #FFF;
}
#left-sidebar .widget .accordion-container ul li a,
#right-sidebar .widget .accordion-container ul li a {
	color:#727272;
	font-family:Arial, Helvetica, sans-serif;
}
#left-sidebar .widget .accordion-container ul li a:hover,
#right-sidebar .widget .accordion-container ul li a:hover {
	color:#ED145B;
}
/* =========================================================
*************************Blog v4 Page***********************
============================================================ */
#center-col .blog-container {
	margin-right:70px;
}
#center-col .element {
	margin:0 0 25px 0px;
	overflow:visible;
	width:100%;
	padding:0;
	border:none;
}
#center-col .element .entry-item {
	padding:9px;
	margin:0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#center-col .element .blog-img img {
	width:100%;
	display:block;
}
#center-col .element .flx-time {
	color:#4d4d4d;
	right:-55px;
	top:10px;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	background:none;
	border:none;
}
#center-col .element .flx-time p {
	background:none;
}
/*------------------ Pagination ---------------------*/
.pagination {
	display:inline-block;
	margin: 0 0 50px 0px;
}
.pagination li {
	float:right;
	margin-left:10px;
	margin-bottom:0;
	list-style:none;
	position:relative;
	z-index:1;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
	background:url(images/background/bottom-shadow-1.png) repeat-x 0 bottom #ffffff;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	text-shadow: 0px 1px 0px #FFFFFF;
}
.pagination li.current {	
	background-color:#ED145B;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	color:#fff;
	position:relative;
	z-index:1;
	text-shadow: 0px 1px 0px #7f0029;
}
.pagination li:hover {
	background-image: linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -o-linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -webkit-gradient(
		linear,
		right bottom,
		right top,
		color-stop(0.02, rgb(226,226,226)),
		color-stop(1, rgb(243,243,243))
	);
}
.pagination li a {
	padding:7px 12px;
	display:inline-block;
	color:#4d4d4d;
	font-family: 'Coda', cursive;
}
.pagination li.current a {	
	color:#fff;
	text-shadow: 0px 1px 0px #7f0029;
}
/* =========================================================
**********************Elements Page*************************
============================================================ */
.element-box {
	background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
    padding: 10px;
	margin-right:25px;
	position:relative;
	z-index:0;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.3);
	margin-bottom:50px;
}
.element-box h1, .element-box h2, .element-box h3, .element-box h4, .element-box h5, .element-box h6 {
	margin-bottom:10px;
}
.element-box .element-title {
	border-bottom:1px solid #d9d9d9;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-top:10px;
	color: #ED145B;
    font-family: 'Coda',cursive;
    font-size: 20px;
	margin-top:30px;
}
/*---------------list style--------------*/
.default-list li {
	background:url(images/icons/list-icon.png) no-repeat 0 5px;
	padding-right:20px;
	margin-bottom: 10px;
}
.check-list li {
    background: url("images/icons/check-list.png") no-repeat scroll 0 0 transparent;
    margin-bottom: 10px;
    padding-right: 20px;
}
.arrow-list li {
    background: url("images/icons/arrow-list.png") no-repeat scroll 0 3px transparent;
    margin-bottom: 10px;
    padding-right: 20px;
}
.star-list li {
    background: url("images/icons/star-list.png") no-repeat scroll 0 0 transparent;
    margin-bottom: 10px;
    padding-right: 20px;
}
.elements-list .default-list ,.elements-list .circle-list,
.elements-list .check-list,.elements-list .arrow-list,.elements-list .star-list{
	width:23%;
	float:right;
	margin-bottom:20px;
	margin-left:2%;
}
/*-----------------------dropcaps-----------------*/
.flx-dropcap {
    display: inline-block;
    float: right;
    font-size: 44px;
    font-weight: 700;
    height: 34px;
    line-height: 34px;
    margin: 6px 8px 0 0;
    text-align: center;
    width: 30px;
}
.flx-dropcap.dark {
    background: none repeat scroll 0 0 #3A3A3A;
    color: #FFFFFF;
    font-size: 30px;
}
/*-------------Alert-----------*/
.alert-box {
	-webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
	margin:10px 0;
	padding:20px 10px;
}
.alert-box p {
	padding:0; 
	margin:0;
	font-weight:bold;
}
.alert-box.red {
	background:#efd6d6;
	border:1px solid #e9c8cd;
	}
.alert-box.red p { 
	color:#9d303b;
	text-shadow: 1px 1px 0px #f8eded;
}	

.alert-box.yellow {
	background:#fbf8db;
	border:1px solid #faebca;
}
.alert-box.yellow p { 
	color:#b0751a;
	text-shadow: 1px 1px 0px #fdfcf1;
}

.alert-box.green {
	background:#d8eece;
	border:1px solid #cde6b8;
}
.alert-box.green p { 
	color:#367934;
	text-shadow: 1px 1px 0px #eff8eb;
}	

.alert-box.blue {
	background:#d0e9f6;
	border:1px solid #aee3ee;
}
.alert-box.blue p { 
	color:#2b72a9;
	text-shadow: 1px 1px 0px #e6f4fa;
}

.alert-box.gray {
	background:#f2f2f2;
	border:1px solid #e6e6e6;
}
.alert-box.gray p { 
	color:#6f6f6f;
	text-shadow: 1px 1px 0px #f9f9f9;
}	

/*-------------Button-----------*/
.green-button, 
.blue-button,
.orange-button,
.red-button,
.pink-button,
.grey-button,
.black-button {
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    color: #FFFFFF;
    padding:10px 20px;
    text-align: center;
	cursor:pointer;
	display:inline-block;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	position:relative;
	z-index:0;
	font-family: 'Coda',cursive;
}
.black-button {
    background: none repeat scroll 0 0 #000000;
}
.black-button:hover, .green-button:hover, .blue-button:hover, .pink-button:hover, .orange-button:hover, .red-button:hover, .grey-button:hover{
	background-color:#ED145B;
	color:#fff;
	text-decoration:none;
}
.green-button{
    background: none repeat scroll 0 0 #6ba042;
}
.blue-button{
    background: none repeat scroll 0 0 #1881c7;
}
.pink-button{
    background: none repeat scroll 0 0 #ab045c;
}
.orange-button{
    background: none repeat scroll 0 0 #f9aa21;
}
.red-button{
    background: none repeat scroll 0 0 #e2001a;
}
.grey-button{
    background: none repeat scroll 0 0 #aaaaaa;
}
.element-box .more-link {
	margin:5px 5px 5px 0;
}
.list-container ul {
    width: 100%;
	border-radius:5px 0 0 0;
	-moz-border-radius:5px 0 0 0;
	-webkit-border-radius:5px 0 0 0;
	position:relative;
	z-index:0;
}
.list-container ul li {
    float: right;
}
.list-container ul.tabs li a {
    display: block;
    padding: 7px 15px 5px;
	font-size:14px;
	outline:none;
	position:relative;
	z-index:0;
}
.list-container ul.tabs li.active a {
    background-color:#ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	color:#ed145b;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}
.list-container ul.tabs li:hover a {
	background-color:#e7e7e7;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	color:#626262;
}
.tab-container {
	border: 1px solid #cfcfcf;
	margin-top:-2px;
	margin-bottom:15px;
	padding:15px;
}
.tab-content p {
	margin-bottom:0;
}
.element-box .accordion-title {
	background: url("images/background/widget-title-bg.png") repeat-x scroll 0 bottom transparent;
	border-top: 1px solid #D9D9D9;
}
.element-box .accordion-title h5{
	margin-bottom:0px;
}
.element-box .accordion-title a {
	color: #4D4D4D;
    display: block;
    padding: 10px;
}
.element-box .accordion-title.active a {
    color: #ED145B;
}
.element-box .accordion-container {
	padding:10px;
}
.element-box .acc-wrapper {
	margin-bottom:15px;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}
/*-------------Columns-----------*/
.flx_one_two {
	float:right;
	margin-left:2%;
	width:49%;
}
.flx_one_third {
	float:right;
	margin-left:2%;
	width:32%;
}
.flx_two_third {
	float:right;
	margin-left:2%;
	width:66%;
}
.flx_one_forth {
	float:right;
	margin-left:2%;
	width:23.5%;
}
.flx_three_forth {
	float:right;
	margin-left:2%;
	width:74.5%;
}
/* Table 1 Style */
table.table1{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
    border-collapse:separate;
	display:inline-block;
}
.table1 thead th{
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #212121;
    border:1px solid #212121;
    background-image: linear-gradient(bottom, rgb(43,43,43) 0%, rgb(68,68,68) 100%);
	background-image: -o-linear-gradient(bottom, rgb(43,43,43) 0%, rgb(68,68,68) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(43,43,43) 0%, rgb(68,68,68) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(43,43,43) 0%, rgb(68,68,68) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(43,43,43) 0%, rgb(68,68,68) 100%);
	
	background-image: -webkit-gradient(
		linear,
		right bottom,
		right top,
		color-stop(0, rgb(43,43,43)),
		color-stop(1, rgb(68,68,68))
	);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#444444');   /* IE rule */
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
	margin-left:1px;
	font-family:"Coda";
}
.table1 thead th:empty{
    background:transparent;
    border:none;
}
.table1 tbody th{
    color:#666666;
    background-color:#d7d7d7;
    border-top:1px solid #FFF;
    border-left:1px solid #FFF;
    padding:0px 10px;
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
	font-family:"Coda",Arial, Helvetica, sans-serif
}
.table1 tfoot td{
    color: #555;
	font-family:"Coda",Arial, Helvetica, sans-serif;
    font-size:14px;
    text-align:center;
    padding:10px 0px;
    text-shadow: 1px 1px 1px #ffffff;
}
.table1 tfoot th{
    color:#666;
}
.table1 tbody td{
    padding:10px;
    text-align:center;
    background-color:#f0f0f0;
    border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow: 1px 1px 1px #ffffff;
}
.table1 tbody span.check::before{
    content : url(images/icons/check0.png)
}
/* Table 2 Style */
table.table2{
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 1em;
    border-collapse:collapse;
    text-align:center;
	display:inline-block;
}
.table2 thead th, .table2 tfoot td{
    padding:20px 10px;
    color:#fff;
    font-size: 16px;
    background-color:#222;
    font-weight:normal;
    border-left:1px dotted #666;
    border-top:3px solid #666;
	font-family:"Coda",Arial, Helvetica, sans-serif;

}
.table2 tfoot th{
    padding:10px;
    font-size:14px;
    text-transform:uppercase;
    color:#888;
}
.table2 tfoot td{
    font-size:16px;
    color:#EF870E;
    border-top:none;
    border-bottom:3px solid #666;
	text-align:center;
}
.table2 thead th:empty{
    background:transparent;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.table2 thead :nth-last-child(1){
    border-left:none;
}
.table2 thead :first-child,
.table2 tbody :nth-last-child(1){
    border:none;
}
.table2 tbody th{
    text-align:left;
    padding:10px;
    color:#333;
    background-color:#f9f9f9;
	font-family:"Coda",Arial, Helvetica, sans-serif;

}
.table2 tbody td{
    padding:10px;
    background-color:#515151;
    border-left:1px dotted #666666;
    text-transform:uppercase;
    color:#FFF;
	text-align:center;
}
.table2 tbody span.check::before{
    content : url(images/icons/check1.png)
}

/* Table 3 Style */
table.table3{
    font-family:Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align:center;
	display:inline-block;
}
.table3 thead th{
    padding:20px 10px;
    text-transform:uppercase;
    color:#FFF;
    border-bottom:5px solid #444;
	font-family:"Coda",Arial, Helvetica, sans-serif
}
.table3 thead th:empty{
    background:transparent;
    border:none;
}
.table3 thead :nth-child(2),
.table3 tfoot :nth-child(2){
    background-color: #e99b3d;
	border-top:15px solid #db8422;
	border-collapse: collapse;
}
.table3 thead :nth-child(3),
.table3 tfoot :nth-child(3){
    background-color: #efbd25;
	border-top:15px solid #e1ac15;
}
.table3 thead :nth-child(4),
.table3 tfoot :nth-child(4){
    background-color: #93af27;
	border-top:15px solid #829f0e;
}
.table3 thead :nth-child(5),
.table3 tfoot :nth-child(5){
    background-color: #5ba133;
	border-top:15px solid #46871a;
}
.table3 thead :nth-child(5){
    -moz-border-radius:0px 5px 0px 0px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
}
.table3 tfoot :nth-child(5){
    -moz-border-radius:0px 0px 5px 0px;
    -webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
}
.table3 tfoot td{
    font-size:16px;
	font-family:"Coda",Arial, Helvetica, sans-serif;
    padding:15px 0px;
	text-align:center;
	color:#FFF;
}
.table3 tbody td{
    padding:10px;
}
.table3 tbody tr:nth-child(4) td{
    font-size:16px;
    font-weight:bold;
}
.table3 tbody td:nth-child(even){
    background-color:#f0f0f0;
    color:#444;
    border-bottom:1px solid #FFF;
	text-align:center;
}
.table3 tbody td:nth-child(odd){
    background-color:#565656;
    color:#f0f0f0;
    border-bottom:1px solid #757575;
	text-align:center;
}
.table3 tbody th{
    color:#696969;
    text-align:left;
    padding:0px 10px;
	font-family: 'Coda',cursive;
}
.table3 tbody span.check::before{
    content : url(images/icons/check2.png)
}
h2.table-title {
	font-family: 'Coda',cursive;
	font-size:16px;
	font-style:normal;
	margin:40px 0px 30px;
	width:100%;
	color:#aaa;
}
/*
Table Style - This is what you want
------------------------------------------------------------------ */
table.table4 a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table.table4 a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table.table4 a:active,
table.table4 a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table.table4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:20px;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table.table4 th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, right top, right bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.table4 th:first-child{
	text-align: right;
	padding-right:20px;
}
table.table4 tr:first-child th:first-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table.table4 tr:first-child th:last-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table.table4 tr{
	text-align: center;
	padding-right:20px;
}
table.table4 tr td:first-child{
	text-align: right;
	padding-right:20px;
	border-right: 0;
}
table.table4 tr td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	
	background: #fafafa;
	background: -webkit-gradient(linear, right top, right bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.table4 tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, right top, right bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.table4 tr:last-child td{
	border-bottom:0;
}
table.table4 tr:last-child td:first-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table.table4 tr:last-child td:last-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.table4 tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, right top, right bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}
/*
Footer Socials icons
------------------------------------------------------------------ */
.socials-box {
	width:90%;
	background: url("images/background/bg-sidebar.png") repeat scroll right top #181818;
	border:1px solid rgba(0, 0, 0, 0.1);
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:15px;
	margin:20px auto;
}
.socials-box li {
	width:140px;
	height:51px;
	float:right;
}
.socials-box li a,
.socials-box li span { 
	float:right;
	color:#626262;
}
.socials-box li span {
	line-height:35px;
	margin-right:5px;
	text-shadow: 0 1px 0px #ffffff;
}
/* =========================================================
**********************About Page*************************
============================================================ */
.about-widget {
	background-color:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	z-index:0;
	margin:50px 0;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.about-top {
	border-bottom:9px solid #131313;
	padding:20px 20px 0 20px;
	position:relative;
}
.about-top img {
	float:right;
	bottom:0;
	margin-left:10px;
}
.about-top .about-content h2 {
	font-size:30px;
	color:#626262;
	font-family: 'Coda',cursive;
	margin-bottom:20px;
}
.about-top .about-content p {
	color:#3d3d3d;
}
.about-bottom {
	background-image: linear-gradient(bottom, rgb(33,33,33) 0%, rgb(42,42,42) 25%, rgb(42,42,42) 100%);
	background-image: -o-linear-gradient(bottom, rgb(33,33,33) 0%, rgb(42,42,42) 25%, rgb(42,42,42) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(33,33,33) 0%, rgb(42,42,42) 25%, rgb(42,42,42) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(33,33,33) 0%, rgb(42,42,42) 25%, rgb(42,42,42) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(33,33,33) 0%, rgb(42,42,42) 25%, rgb(42,42,42) 100%);
	
	background-image: -webkit-gradient(
		linear,
		right bottom,
		right top,
		color-stop(0, rgb(33,33,33)),
		color-stop(0.25, rgb(42,42,42)),
		color-stop(1, rgb(42,42,42))
	);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#2a2a2a');   /* IE rule */
	border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	position:relative;
	z-index:0;
}
.service-box {
	margin:30px 30px 40px 30px;
}
.service-box li {
	float:right;
	list-style:none;
	width:25%;
	text-align:center;
}
.service-box li:last-child {
	margin-left:0;
}
.service-box li span {
	display:inline-block;
	width:124px;
	height:124px;
	font-size:0;
	text-indent:-99999px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	text-align:center;
	box-shadow: 1px 1px 0 #303030, 1px 5px 10px rgba(0,0,0,0.2) inset;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
}
.service-box li span.branding {
	background:url(images/icons/branding-icon.png) no-repeat center center #252525;
}
.service-box li span.mobileApp {
	background:url(images/icons/mobileapp-icon.png) no-repeat center center #252525;
}
.service-box li span.webDesign {
	background:url(images/icons/webdesign-icon.png) no-repeat center center #252525;
}
.service-box li span.campaigns {
	background:url(images/icons/campaign-icon.png) no-repeat center center #252525;
}
.service-box li:hover span {
	width:144px;
	height:144px;
	background-color:#1b1b1b;
	margin:-10px;
}
.service-box li .service-title {
	margin-bottom:25px;
	font-size:20px;	
	font-family: 'Coda',cursive;
	text-align:center;
}
.service-box li .service-title a {
	color:#fff;
}
.service-box li .service-title a:hover {
	color:#ed145b;
}
/* =========================================================
**********************Fixed width Page**********************
============================================================ */
.fixed-width #main-content {
	width:980px;
	margin:0 auto;
}
.left-sidebar-page.fixed-width #center-col .white-box, .fixed-width .element-box {
    margin-right: 0;
}
.fixed-width #left-sidebar,
.fixed-width #right-sidebar {
	width:250px;
}
.fixed-width #right-sidebar {
	margin-left:10px;
}
.fixed-width #left-sidebar .widget {
    margin: 0 0 10px 10px;
	width:240px;
}
.fixed-width #right-sidebar .widget {
    margin: 0 10px 10px 0;
	width:240px;
}
.fixed-width #left-sidebar #login #username,
.fixed-width #left-sidebar #login #password,
.fixed-width #right-sidebar #login #username,
.fixed-width #right-sidebar #login #password {
	width:188px;
}
.fixed-width #left-sidebar .sidebar-list-container ul.sidebar-tabs li a,
.fixed-width #right-sidebar .sidebar-list-container ul.sidebar-tabs li a {
	padding:10px;
}
.fixed-width .flickr-badge-image {
	margin:0 3px 5px;
}
/* =========================================================
**********************404 Page******************************
============================================================ */
.page-404 {
	text-align:center;
}
.page-404 img {
	display:inline-block;
	margin-top:100px;
	margin-bottom:30px;
}
.page-404 h2 {
	font-size:50px;
	font-weight:700;
	color:#626262;
	margin-bottom:10px;
	line-height:40px;
	text-shadow:1px 1px 0 rgba(255,255,255,.75);
}
.page-404 p {
	font-size:20px;
	color:#626262;
	text-shadow:1px 1px 0 rgba(255,255,255,.75);
	font-family: 'Open Sans';
	font-weight:300;
	line-height:20px;
}


.ss-links{
	z-index: 100;
	position:fixed;
	left:260px;
}
.ss-links a{
	background: rgba(255,255,255,0.8);
	font-size: 14px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 5px;
	border-radius: 50%;
	display: block;
	text-align: center;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	transition: background 0.2s linear;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	text-shadow: 0 1px 0 #ffffff;
	background-image: linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -o-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(236,236,236) 2%, rgb(247,247,247) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.02, rgb(236,236,236)),
		color-stop(1, rgb(247,247,247))
	);
}
.ss-links a:hover{
	background-image: linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -o-linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(226,226,226) 2%, rgb(243,243,243) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.02, rgb(226,226,226)),
		color-stop(1, rgb(243,243,243))
	);
	color:#ED145B;
}
.ss-container{
    width: 100%;
    position: relative;
    text-align: left;
    float: left;
	overflow: hidden;
	padding-bottom: 50px;
}
.ss-container:before{
    position: absolute;
    width: 3px;
    background: #c4c4c4;
    top: 0px;
    left: 50%;
	margin-left: -2px;
    content: '';
    height: 100%;
}
.ss-row{
    width: 100%;
    clear: both;
    float: left;
    position: relative;
    padding: 15px 0 0;
	margin-top:20px;
}
.ss-left, .ss-right{
    float: left;
    width: 48%;
    position: relative;
}
.ss-right{
    padding-left: 2%;
}
.ss-left{
    float: left;
    padding-right: 2%;
	text-align:right;
}
.ss-circle{    
    overflow: hidden;
    display: block;
	position: static;
}
.ss-circle-deco:before{
	width: 29%;
	height: 0px;
	position: absolute;
	top: 50%;
	content: '';
	margin-top: -3px;
}
.ss-circle-deco:after{
	width: 0px;
	height: 0px;
	content: '';
	position: absolute;
	top: 30px;
}
.ss-left .ss-circle-deco:before{
    right: 2%;   
}
.ss-right .ss-circle-deco:before{
    left: 2%;   
}
.ss-left .ss-circle-deco:after{
	right: -7px;
	background-color: #c4c4c4;
	width:9px;
	height:9px;
	border-radius:50%;
	border:3px solid #ededed;
}
.ss-right .ss-circle-deco:after{
	left: 2%;
	border-right: 10px solid #fff;
}
.ss-left .ss-circle{
    float: right;
    margin-right: 0%;
}
.ss-right .ss-circle{
    float: left;
    margin-left: 0%;
}
.ss-left .element, .ss-right .element {
	margin:0 !important;
}
.ss-container .element {
	max-width:500px;
	padding:9px;
	text-align:left;	
	background:url(../images/background/bottom-shadow-1.png) repeat-x 0 bottom #fff;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.ss-container .element header {
	border-bottom:1px solid #eaeaea;
	padding-bottom:10px;
	margin-bottom:10px;
}
.ss-container .element header img {
	float:left;
	margin-right:10px;
}
.ss-container .element .entry-meta {
	background:none;
	padding-left:0;
	margin-left:0;
	margin-bottom:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:11px;
}
.ss-container .element .entry-date {
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:11px;
}
.ss-container .element .entry-author, .ss-container .element .entry-categories {
	font-family:Arial, Helvetica, sans-serif;
	color:#373737;
	font-size:11px;
	font-weight:700;
}
.ss-container .element .entry-author:hover, .ss-container .element .entry-categories:hover {
	color:#ED145B;
}
.ss-container .element .entry-content {
	float:none;
	width:100%;
}
.ss-container .element .entry-content img {
	width:100%;
	display:block;
	margin-bottom:10px;
}
.ss-container .element .entry-content p {
	color:#373737;
}
.ss-container .element .entry-content p .read-more {
	color:#ED145B;
}
.ss-container .element footer {
	border-top:none;
}
.ss-container .element footer .footer-meta {
	float:left;
	padding:0 10px;
	width:68%;
}
.ss-container .element footer .footer-meta .entry-comments, .ss-container .element footer .footer-meta .entry-views {
	margin-bottom:8px;
}
.ss-container h2 {
	color:#bfbfbf;
	text-shadow: 0 1px 0 #ffffff;
	font-family: 'Coda', cursive;
}



/*
Theme created for use with Sequence.js (http://www.sequencejs.com/)

Theme:   Apple Style
Version:   0.2 Beta
Theme Author:   Ian Lunn @IanLunn
Author URL:   http://www.ianlunn.co.uk/
Theme URL:   http://www.sequencejs.com/themes/apple-style/

This is a FREE theme and is dual licensed under the following: 
http://www.opensource.org/licenses/mit-license.php | http://www.gnu.org/licenses/gpl.html

Sequence.js and its dependencies are (c) Ian Lunn Design 2012 unless otherwise stated.
Aside from these comments, you may modify and distribute this file as you please. Have fun!
 */
#flx-sequence {
	position:relative;
	width:100%;
	height:100%;
	overflow: hidden;
}
#sequence {
	height: 600px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	
	/*backface-visibility prevents graphical glitches when frames are animating*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

/*when in fallback mode (for browsers that don't support transitions) hide anything outside of the Sequence container*/
#sequence.sequence-fallback {
    overflow: hidden;
}

#slideshow * {
	-webkit-backface-visibility: hidden;
}

#sequence h2 {
	color: #fff;
	font-size: 65px;	
	white-space: nowrap;	
	font-family: 'Source Sans Pro', sans-serif;
	margin-bottom:10px;
	font-weight:400;
	line-height:60px;
}

#sequence h4 {
	color: #fff;
	font-size: 45px;	
	white-space: nowrap;	
	font-family: 'Source Sans Pro', sans-serif;
	margin-bottom:15px;
	font-weight:400;
	line-height:40px;
}

#sequence p {
	margin-bottom:0;
	font-size:20px;
	color:#fff;
	font-family: 'Source Sans Pro', sans-serif;	
}

.slide3 p {
	line-height:26px;
}

.controls {
	height: 56px;
	margin: 0 auto;
	position: absolute;
	top: 45%;
	width: 100%;
	z-index: 9999;
}

.prev, .next {
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.next,.prev,.pause {
	position: absolute;
	z-index: 10000;
	top: 10px;
}

.next {
	background:url(../images/slider/parallax-nav.png) no-repeat -64px 0;
	height: 56px;
	right: 30px;
	width: 56px;
}
.next:hover {
	background:url(../images/slider/parallax-nav.png) no-repeat -64px -64px;
}

.pause.paused:hover {
	background-position: 50% -25px;
}

.prev {
	left: 30px;
	background:url(../images/slider/parallax-nav.png) no-repeat 0 0;
	height: 56px;
	width: 56px;
}
.prev:hover {
	background:url(../images/slider/parallax-nav.png) no-repeat 0 -64px;
}

.pause {
	background: url("../../../../../../images/bt-pause.html") 50% 4px no-repeat;
	cursor: pointer;
	height: 33px;
	left: 78px;
	width: 42px;
}

.pause.paused {
	background: url("../../../../../../images/bt-play.html") 50% 4px no-repeat;
	height: 33px;
	left: 78px;
	width: 42px;
}

.status {
	background: url("../../../../../../images/status-bar.html") -119px 0 repeat-y;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 6px;
	margin: 0 auto;
	position: relative;
	top: 4px;
	width: 118px;
}

.status.paused {
	-webkit-animation: paused 1s linear alternate infinite;
	-moz-animation: paused 1s linear alternate infinite;
	-ms-animation: paused 1s linear alternate infinite;
	-o-animation: paused 1s linear alternate infinite;
	animation: paused 1s linear alternate infinite;
}

@keyframes "paused" {
 0% {
    background-position: 0 0;
   	opacity: 0;
 }
 100% {
    background-position: 0 0;
   	opacity: .7;
 }

}

@-moz-keyframes paused {
 0% {
   background-position: 0 0;
   opacity: 0;
 }
 100% {
   background-position: 0 0;
   opacity: .7;
 }

}

@-webkit-keyframes "paused" {
 0% {
   background-position: 0 0;
   opacity: 0;
 }
 100% {
   background-position: 0 0;
   opacity: .7;
 }

}

@-ms-keyframes "paused" {
 0% {
   background-position: 0 0;
   opacity: 0;
 }
 100% {
   background-position: 0 0;
   opacity: .7;
 }

}

@-o-keyframes "paused" {
 0% {
   background-position: 0 0;
   opacity: 0;
 }
 100% {
   background-position: 0 0;
   opacity: .7;
 }

}

@keyframes "status-bar" {
 0% {
    background-position: -119px 0;
 }
 100% {
    background-position: 0 0;
 }

}

@-moz-keyframes status-bar {
 0% {
   background-position: -119px 0;
 }
 100% {
   background-position: 0 0;
 }

}

@-webkit-keyframes "status-bar" {
 0% {
   background-position: -119px 0;
 }
 100% {
   background-position: 0 0;
 }

}

@-ms-keyframes "status-bar" {
 0% {
   background-position: -119px 0;
 }
 100% {
   background-position: 0 0;
 }

}

@-o-keyframes "status-bar" {
 0% {
   background-position: -119px 0;
 }
 100% {
   background-position: 0 0;
 }

}

.status.active {
	-webkit-animation: status-bar 4s linear;
	-moz-animation: status-bar 4s linear;
	-ms-animation: status-bar 4s linear;
	-o-animation: status-bar 4s linear;
	animation: status-bar 4s linear;
}

.pause-icon {
	right: 20px;
	position: absolute;
	bottom: 20px;
}

#sequence-preloader {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 999999;
}

@keyframes "preload" {
 0% {
   	opacity: 0;
 }
 50% {
   	opacity: 1;
 }
 100% {
   	opacity: 0;
 }

}

@-moz-keyframes preload {
 0% {
   opacity: 0;
 }
 50% {
   opacity: 1;
 }
 100% {
   opacity: 0;
 }

}

@-webkit-keyframes "preload" {
 0% {
   opacity: 0;
 }
 50% {
   opacity: 1;
 }
 100% {
   opacity: 0;
 }

}

@-ms-keyframes "preload" {
	0%  {
	opacity: 0;
}
 50% {
   opacity: 1;
 }
 100% {
   opacity: 0;
 }

}

 @-o-keyframes "preload" {
	0%  {
	opacity: 0;
}
 50% {
   opacity: 1;
 }
 100% {
   opacity: 0;
 }

}

 #sequence-preloader img {
	background: #ed145b;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display: inline-block;
	height: 12px;
	opacity: 0;
	position: relative;
	top: -50%;
	width: 12px;

	-webkit-animation: preload 1s infinite;
	-moz-animation: preload 1s infinite;
	-ms-animation: preload 1s infinite;
	-o-animation: preload 1s infinite;
	animation: preload 1s infinite;
}

.preloading {
	height: 12px;
	margin: 0 auto;
	top: 50%;
	position: relative;
	width: 48px;
}

#sequence-preloader img:nth-child(2) {
	-webkit-animation-delay: .15s;
	-moz-animation-delay: .15s;
	-ms-animation-delay: .15s;
	-o-animation-delay: .15s;
	animation-delay: .15s;
}

#sequence-preloader img:nth-child(3) {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-ms-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s;
}

.preloading-complete {
	opacity: 0;
	visibility: hidden;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.html5 {
	width:50%;
	left: 20%;
	opacity: 0;
	position: absolute;
	top: 45%;
	margin-left:-25%;
	
	-moz-transform: scale(10) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(10) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(10) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(10) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(10) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-in .html5 {
	left: 50%;
	opacity: 1;
	top: 45%;
	
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-out .html5 {
	left: 50%;
	opacity: 0;
	top: 200%;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}


.intro {
	position: absolute;
	left: 50%;
	top: -200%;
	text-align:center;
	height:70px;
	width:80%;
	margin-left:-40%;

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 5s;
}

.animate-in .intro {
	left: 50%;
	top: 10%;

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 1.5s;
}

.animate-out .intro {
	left: 50%;
	opacity: 0;
	top: -200%;

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);

	-webkit-transition-duration: 5s;
	-moz-transition-duration: 5s;
	-o-transition-duration: 5s;
	-ms-transition-duration: 5s;
	transition-duration: 5s;
}

.button-1 a {
	background-color:#0072bc;
	color:#fff;
	height:52px;
	line-height:52px;
	display:block;
	font-size:20px;
	padding:0 20px;
	box-shadow:inset 0 1px 0 #0089e2;
	font-family: 'Source Sans Pro', sans-serif;
}
.button-1 {
	display:block;
	border:5px solid rgba(255,255,255,0.2);
	border-radius:7px;
	position: absolute;
	left: -200%;
	top: 28%;
	text-align:center;
	margin-left:-90px;
	-webkit-transition-duration: 5s;
	-moz-transition-duration: 5s;
	-o-transition-duration: 5s;
	-ms-transition-duration: 5s;
	transition-duration: 3s;
}

.animate-in .button-1 {
	left: 50%;
	top: 28%;

	-webkit-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	-o-transition-duration: 1.2s;
	-ms-transition-duration: 1.2s;
	transition-duration: 1.2s;
}

.animate-out .button-1 {
	left: -200%;
	opacity: 0;
	top: 28%;
	-webkit-transition-duration: 3s;
	-moz-transition-duration: 3s;
	-o-transition-duration: 3s;
	-ms-transition-duration: 3s;
	transition-duration: 3s;
}

.ipad {
	width:30%;
	left: 50%;
	position: absolute;
	top: 500%;
	margin-left:-15%;
	
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	
	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	
	z-index:2;
}

.animate-in .ipad {
	left: 50%;
	top: 20%;
	
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	
	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	z-index:2;
}

.animate-out .ipad {
	left: 50%;
	opacity: 0;
	top: -300%;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	
	z-index:2;
}
.ipad-1 {
	opacity: 0;
	width:24%;
	left: 50%;
	position: absolute;
	top: 30%;
	margin-left:-12%;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	z-index:1;
}

.animate-in .ipad-1 {
	opacity: 1;
	left: 37%;
	top: 30%;
	
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	-ms-transition-delay: 1s;
	transition-delay: 1s;
	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-out .ipad-1 {
	left: 50%;
	opacity: 0;
	top: 30%;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	
	z-index:1;
}
.ipad-2 {
	opacity: 0;
	width:20%;
	right: 50%;
	position: absolute;
	top: 37%;
	margin-right:-12%;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;

	z-index:1;
}

.animate-in .ipad-2 {
	opacity: 1;
	right: 75%;
	top: 37%;
	
	-webkit-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	-ms-transition-delay: 1.2s;
	transition-delay: 1.2s;
	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	z-index:0;
}

.animate-out .ipad-2 {
	right: 50%;
	opacity: 0;
	top:  37%;
	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	
	z-index:1;
}

.slide2 {
	left: 300%;
	position: absolute;
	top: 40%;
	width:20%;
	text-align:left;
	
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	
	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-in .slide2 {
	left:70%;
	top: 40%;
	
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	
	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-out .slide2 {
	left: 200%;
	opacity: 0;
	top: 40%;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.slide3 {
	left: 50%;
	position: absolute;
	top: -200%;
	width:80%;
	text-align:center;
	margin-left:-40%;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	transition-duration: 1.5s;
}

.animate-in .slide3{
	left:50%;
	top: 20%;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	transition-duration: 1.5s;
}

.animate-out .slide3 {
	left: 50%;
	opacity: 0;
	top: -200%;
	-webkit-transition-duration: 2.5s;
	-moz-transition-duration: 2.5s;
	-o-transition-duration: 2.5s;
	-ms-transition-duration: 2.5s;
	transition-duration: 2.5s;
}
.button-2 a {
	background-color:#0072bc;
	color:#fff;
	height:52px;
	line-height:52px;
	display:block;
	font-size:20px;
	padding:0 20px;
	box-shadow:inset 0 1px 0 #0089e2;
	font-family: 'Source Sans Pro', sans-serif;
}
.button-2 {
	display:block;
	border:5px solid rgba(255,255,255,0.2);
	border-radius:7px;
	position: absolute;
	left: -200%;
	top: 52%;
	text-align:center;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-in .button-2 {
	left: 10%;
	top: 52%;

	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

.animate-out .button-2 {
	left: -200%;
	opacity: 0;
	top: 52%;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}
.icon-1 {
	opacity: 0;
	width:65%;
	left: 100%;
	margin-left:-33%;
	position: absolute;
	top: -250%;
	
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	z-index:1;
	
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.animate-in .icon-1 {
	opacity: 1;
	left: 50%;
	top: 40%;
	
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	transition-duration: 1.5s;
	z-index:1;
}

.animate-out .icon-1 {
	left: 50%;
	opacity: 0;
	top: 500%;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	transition-duration: 1.5s;
	
	z-index:1;
}/* CSS INFORMATION
	- Project: Media Star
	- Author: FelixPlus - www.felixplus.com
	- Last Update: 09/01/2013
*/

@media only screen and (max-height: 680px) {
	
.twitter-widget {
	display:none;
}

}

@media only screen and (min-height: 800px) {
	
#footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
}

}
@media only screen and (min-width: 980px) and (max-width: 1135px) {
#options #filter li a {
	padding:0 10px;
}
}

@media only screen and (min-width: 1050px) and (max-width: 1210px) {
h2.table-title {
	font-size:28px;
	margin:20px 0;
}
table.table1, table.table2, .table2 tfoot th, table.table3 {
	font-size:13px;
}
.table1 tfoot td {
	font-size:22px;
}
.table2 thead th, .table2 tfoot td {
	font-size:14px;
	padding:20px 10px;
}
.table2 tbody td {
	text-transform:lowercase;
}
.table3 tfoot td {
	font-size:22px;
}
.table3 tbody tr:nth-child(4) td {
	font-size:20px;
}

}

@media only screen and (min-width: 980px) and (max-width: 1049px) {
h2.table-title {
	font-size:28px;
	margin:20px 0;
}
table.table1, table.table2, .table2 tfoot th, table.table3 {
	font-size:13px;
	text-align:right;
}
.table1 tfoot td {
	font-size:16px;
}
.table2 thead th, .table2 tfoot td {
	font-size:14px;
	padding:20px 10px;
	text-align:center;
}
.table2 tbody td {
	text-transform:lowercase;
	text-align:center;
	padding:5px;
}
.table3 tfoot td {
	font-size:16px;
	text-align:center;
}
.table3 tbody tr:nth-child(4) td {
	font-size:14px;
}
.table1 tbody td, .table3 thead th {
	padding:5px;
}
.table1 thead th {
	padding:5px;
	text-align:center;
}
.table1 tbody th {
	padding:0 5px;
	text-align:right;
}
table.table3 {
	text-transform:lowercase;
}
.table3 tbody td:nth-child(2n), .table3 tbody td:nth-child(2n+1), .table3 thead th {
	text-align:center;
}
.table1 tfoot th, .table3 tfoot th {
	text-align:right;
}
.table3 tfoot th {
	padding:0 10px;
}	
}

@media only screen and (min-width: 1111px) {
#sidebar{
	display:block !important;
}
}

@media only screen and (min-width: 980px) and (max-width: 1110px) {
	
/* =========================================================
***************************Columns**************************
============================================================ */
.last {
	margin-right:0 !important;
}
.wrapper {
	width:94%
}
#left-panel {
	display:block;
}
.close-panel {
	left:250px !important;
	-webkit-transition: all 0.4s ease-in-out;
 	-moz-transition: all 0.4s ease-in-out;
 	-o-transition: all 0.4s ease-in-out;
 	transition: all 0.4s ease-in-out;
}
#sidebar {
	display:none;
}
/* =========================================================
*********************Main content***************************
============================================================ */
#main-content {
	left:0;
}
.vegas-overlay, .vegas-background, #tubular-container {
	left:0 !important;
}
#container {
    margin: 0 auto;
    padding: 0 5px;
}
/*---------------Sequence Slider----------------*/
.prev {
	left:10px;
}
.next {
	right:10px;
}
#sequence h2 {
	font-size:55px;
	line-height:50px;
	white-space: pre-wrap;
}
#sequence p {
	line-height:24px;
}
.button-1 {
	margin-left:-85px;
}
.button-1 a, .button-2 a {
	font-size:18px;
	height:42px;
	line-height:42px;
}
#sequence h4 {
	font-size:35px;
	line-height:34px;
	margin-bottom:10px;
}
.slide3 p {
	font-size:16px;
}
.animate-in .button-2 {
	top:50%;
}
.icon-1 {
	width:56%;
	margin-left:-28%;
}
.animate-in .icon-2 {
	top:52%;
}
/* =========================================================
**********************About Page**************************
============================================================ */
.about-top {
	width:93.174062%;
	padding:30px 3.412969% 20px;
}
.about-top img {
	left:3.412969%;
	width:29.237770%;
}
.service-box li .service-title {
	font-size:15px;
}
.service-box li div {
	width:77px;
	height:77px;
}
.service-box li div img {
	width:40%;
	height:auto;
}
.service-box li div:hover {
	width:97px;
	height:97px;
}

/* =========================================================
**********************Blog v3 Page**************************
============================================================ */
.ss-links {
	left:0;
}
.ss-container .element footer .footer-meta {
	width:52%;
}
.element .entry-comments, .element .entry-views {
	margin-right:15px;
}
/* =========================================================
************************Single Page*************************
============================================================ */
/*------------------ Comments List ---------------------*/
#comments {
	margin-top:20px;
	margin-bottom:0;
}
/* =========================================================
**************************Contact Page**********************
============================================================ */
.contact-box #respond {
	width:90.895296%;
	margin:0 4.552352%;
	padding-bottom:10px;
}
#comments-form, #comments-form p {
	width:100%;
}
#comments-form #comment_name, #comments-form #comment_email, .contact-page #comments-form #comment_name, .contact-page #comments-form #comment_email {
	width:40.901503%;
	padding:0 1.669449%;
}
#comments-form label {
	margin: 10px 3.338898% 0 1.669449%;
	width:10.016694%;
}
#comments-form #comment_message, .contact-page #comments-form #comment_message {
	width:70.951586%;
	padding:10px 1.669449%;
}
#comments-form .comment-button span {
	margin-left:15.03%;
}
.contact-info {
	margin:20px 3.338898% 40px 5.008347%;
}

/* =========================================================
***************************Post Page************************
============================================================ */
#right-sidebar .widget {
	margin:0 25px 20px;
}
/* =========================================================
*************************Blog v4 Page***********************
============================================================ */
/*------------------ Pagination ---------------------*/
.pagination li {
	margin-right:5px;
}
.pagination li a {
	padding:0px 5px;
}
/*---------------list style--------------*/
.elements-list .default-list, .elements-list .circle-list, .elements-list .check-list, .elements-list .arrow-list, .elements-list .star-list {
	width:48%;
}

}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	
/* =========================================================
***************************Columns**************************
============================================================ */
.last {
	margin-right:0 !important;
}
.wrapper {
	width:94%
}
#left-panel {
	display:block;
}
.close-panel {
	left:250px !important;
	-webkit-transition: all 0.4s ease-in-out;
 	-moz-transition: all 0.4s ease-in-out;
 	-o-transition: all 0.4s ease-in-out;
 	transition: all 0.4s ease-in-out;
}
#sidebar {
	display:none;
}
/* =========================================================
*********************Main content***************************
============================================================ */
#main-content {
	left:0;
}
.vegas-overlay, .vegas-background, #tubular-container {
	left:0 !important;
}
#container {
    margin: 0 auto;
    padding: 0 5px;
}
/*---------------Sequence Slider----------------*/
.prev {
	left:10px;
}
.next {
	right:10px;
}
#sequence h2 {
	font-size:50px;
	line-height:45px;
}
#sequence p {
	line-height:24px;
	font-size:16px;
	text-align:center;
}
.button-1 {
	margin-left:-85px;
}
.button-1 a, .button-2 a {
	font-size:18px;
	height:42px;
	line-height:42px;
}
#sequence h4 {
	font-size:35px;
	line-height:34px;
	margin-bottom:10px;
}
.slide3 p {
	font-size:16px;
}
.slide3 {
	width:100%;
	text-align:center;
	margin-left:0;
}
.animate-in .slide3 {
	top:10%;
	left:0%;
}
.animate-in .button-2 {
	top:37%;
	left:34%;
}
.animate-in .intro {
	top:8%;
}
.animate-in .ipad-1 {
	top:39%;
	left:47%;
}
.animate-in .ipad {
	top:35%;
	left:60%;
}
.animate-in .ipad-2 {
	right:65%;
	top:41.5%;
}
.animate-in .icon-1 {
	top:40%;
}
.animate-in .icon-2 {
	top:55%;
}
.animate-in .icon-3 {
	top:60%;
}
.animate-in .icon-4 {
	top:65%;
}
.slide2 {
	width:80%;
	text-align:center;
}
.animate-in .slide2 {
	top:10%;
	left:10%;
}
/* =========================================================
**********************About Page**************************
============================================================ */
.about-top {
	width:93.174062%;
	padding:20px 3.412969% 20px 3.412969%;
}
.about-top img {
	position:static;
	left:0;
	width:100%;
	margin-bottom:20px;
}
.service-box li {
	width:50%;
	height:200px;
}

/* =========================================================
**********************Blog v1 Page**************************
============================================================ */
#options ul#filter {
	display:none;
}
#filters {
	display:block;
	width:380px;
}
.flx-select {
	width:365px !important;
}
.customSelectInner {
	width:100px !important;
}
#infscr-loading {
	margin-left:-100px;
}
/* =========================================================
**********************Blog v2 Page**************************
============================================================ */
.variable-sizes .element.width5 {
	width:370px;
	height:auto;
}
.blog-v2-img {
	width:21.019108%;
	margin-right:2.123142%;
}
.blog-v2-img img {
	width:100%;
}
.element.width5 .entry-content {
	width:76.857749%;
}
/* =========================================================
**********************Blog v3 Page**************************
============================================================ */
.ss-links {
	left:0;
}
.ss-container .element footer .footer-meta {
	width:90%;
	float:none;
	margin-bottom:10px;
}
.element .entry-comments, .element .entry-views {
	margin-right:15px;
}
/* =========================================================
************************Single Page*************************
============================================================ */
/*------------------ Comments List ---------------------*/
#comments {
	margin-top:20px;
	margin-bottom:0;
}
.comments-list .children.depth-1 {
	margin-left:0;
}
/* =========================================================
**************************Contact Page**********************
============================================================ */
.contact-box #respond {
	width:90.895296%;
	margin:0 4.552352%;
	padding-bottom:10px;
}
#comments-form, #comments-form p {
	width:100%;
}
#comments-form #comment_name, #comments-form #comment_email, .contact-page #comments-form #comment_name, .contact-page #comments-form #comment_email {
	width:94.901503%;
	padding:0 1.669449%;
}
#comments-form label {
	margin: 10px 0;
	width:100%;
	float:none;
	display:block
}
#comments-form #comment_message, .contact-page #comments-form #comment_message {
	width:94.951586%;
	padding:10px 1.669449%;
}
#comments-form label.error {
	left:45%;
	top:20px;
}
#comments-form .comment-button span {
	margin-left:0;
}
.contact-info {
	margin:20px 3.338898% 40px 5.008347%;
}

/* =========================================================
***************************Post Page************************
============================================================ */
#center-col {
	float:none;
	width:100% !important;
	margin-bottom:20px;
	margin-left:0 !important;
}
#center-col .white-box, .right-sidebar-page.fixed-width #center-col .white-box, .fixed-width .element-box {
	margin:0 25px !important;
}
#right-sidebar, #left-sidebar, .fixed-width #right-sidebar, .fixed-width #left-sidebar {
	float:none;
	width:100%;
	margin-left:0 !important;
	margin-right:0 !important;	
}
#right-sidebar {
	margin-top:0;
}
#right-sidebar .widget, #left-sidebar .widget, .fixed-width #right-sidebar .widget, .fixed-width #left-sidebar .widget {
	margin:0 auto 20px;
	width:90%;
}
.flickr-wrap {
	width:100%;
}
.flickr-badge-image {
	width:11.714286%;
	padding:0.010714%;
}
.flickr-badge-image a {
	width:100%;
	display:block;
}
.flickr-badge-image img {
	width:100%;
	display:block;
}
/* =========================================================
*************************Blog v4 Page***********************
============================================================ */
#center-col .blog-container {
	margin:0 25px 0 70px;;
}
/*------------------ Pagination ---------------------*/
.pagination {
	margin:0 0 10px 0px;
}
.pagination li {
	margin-right:5px;
}
.pagination li a {
	padding:0px 5px;
}
/* =========================================================
*************************Elements Page**********************
============================================================ */
.element-box {
	margin-right:25px;
}
/*---------------list style--------------*/
.elements-list .default-list, .elements-list .circle-list, .elements-list .check-list, .elements-list .arrow-list, .elements-list .star-list {
	width:48%;
}
h2.table-title {
	font-size:28px;
	margin:20px 0;
}
table.table1, table.table2, .table2 tfoot th, table.table3 {
	font-size:13px;
	text-align:right;
}
.table1 tfoot td {
	font-size:16px;
}
.table2 thead th, .table2 tfoot td {
	font-size:14px;
	padding:20px 10px;
	text-align:center;
}
.table2 tbody td {
	text-transform:lowercase;
	text-align:center;
	padding:5px;
}
.table3 tfoot td {
	font-size:16px;
	text-align:center;
}
.table3 tbody tr:nth-child(4) td {
	font-size:14px;
}
.table1 tbody td, .table3 thead th {
	padding:5px;
}
.table1 thead th {
	padding:5px;
	text-align:center;
}
.table1 tbody th {
	padding:0 5px;
	text-align:right;
}
table.table3 {
	text-transform:lowercase;
}
.table3 tbody td:nth-child(2n), .table3 tbody td:nth-child(2n+1), .table3 thead th {
	text-align:center;
}
.table1 tfoot th, .table3 tfoot th {
	text-align:right;
}
.table3 tfoot th {
	padding:0 10px;
}
/* =========================================================
************************Lightbox detail**********************
============================================================ */

div.pp_overlay {
	width:100% !important;
}
.pp_content, .pp_details {
	width:99% !important;
}
.pp_content {
	height:auto !important;
	padding:0 0 40px 0;
}
.pp_inline img {
	width:50%;
}
.pp_inline .entry-content {
	width:46%;
}
#fullResImage, #pp_full_res iframe {
	width:100% !important;
	height:auto !important;
}
.pp_pic_holder {
	height:auto !important;
}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
/* =========================================================
***************************Columns**************************
============================================================ */
.last {
	margin-right:0 !important;
}
.wrapper {
	width:94%
}
#left-panel {
	display:block;
}
.close-panel {
	left:250px !important;
	-webkit-transition: all 0.4s ease-in-out;
 	-moz-transition: all 0.4s ease-in-out;
 	-o-transition: all 0.4s ease-in-out;
 	transition: all 0.4s ease-in-out;
}
#sidebar {
	display:none;
}
#container {
    margin: 0 auto;
    padding: 0 5px;
}
/* =========================================================
*********************Main content***************************
============================================================ */
#main-content {
	left:0;
}
.home-s2 #main-content {
	height:auto;
}
#mobile-logo-image {
	display:block;
}
.fixed-width #main-content {
	width:100% !important;
}
.fixed-width #main-content-inner {
	width:85%;
}
/*---------------Parallax Slider----------------*/
.da-slide .da-content {
	padding:5px 2%;
	top:40%;
	left:12%;
	height:65px;
}
.da-slide h2 {
	font-size:12px;
	font-weight:700;
	margin-bottom:0px;
	line-height:20px;
}
.da-slide p {
	height:35px;
	overflow:hidden;
	font-size:12px;
}
.da-slide .da-img {
	top:30%;
	left:46%;
}
.da-arrows span {
	top:45%;
}
.da-arrows span.da-arrows-prev {
	left:0;
}
.da-arrows span.da-arrows-next {
	right:0;
}
/*---------------Sequence Slider----------------*/
.controls {
	display:none;
}
.prev {
	left:10px;
}
.next {
	right:10px;
}
#sequence h2 {
	font-size:46px;
	line-height:45px;
	white-space: pre-wrap;
}
#sequence p {
	line-height:24px;
	font-size:16px;
}
.html5 {
	margin-left:-45%;
	width:90%;
}
.button-1 {
	margin-left:-85px;
}
.button-1 a, .button-2 a {
	font-size:18px;
	height:42px;
	line-height:42px;
}
#sequence h4 {
	font-size:35px;
	line-height:34px;
	margin-bottom:10px;
}
.slide3 p {
	font-size:16px;
}
.slide3 {
	margin-left:0;
}
.animate-in .slide3 {
	top:10%;
	left:10%;
}
.animate-in .button-2 {
	top:37%;
	left:34%;
}
.animate-in .intro {
	top:8%;
}
.ipad-2 {
	width:40%;
}
.ipad-1 {
	width:44%;
}
.animate-in .ipad-1 {
	top:38.5%;
}
.ipad {
	width:50%;
}
.animate-in .ipad {
	top:35%;
	left:54%;
}
.animate-in .ipad-2 {
	right:62%;
	top:40.5%;
}
.icon-1 {
	width:90%;
	margin-left:-45%;
}
.animate-in .icon-2 {
	top:55%;
}
.animate-in .icon-3 {
	top:60%;
}
.animate-in .icon-4 {
	top:65%;
}
.animate-in .slide2 {
	top:10%;
	left:10%;
}
/* =========================================================
**********************About Page**************************
============================================================ */
.about-widget {
	margin:50px auto;
	width:85%;
}
.about-top {
	width:93.174062%;
	padding:20px 3.412969% 20px 3.412969%;
}
.about-top img {
	position:static;
	left:0;
	width:100%;
	margin-bottom:20px;
}
.service-box li {
	width:50%;
	height:200px;
}
.service-box li .service-title {
	font-size:18px;
}
/* =========================================================
**********************Blog v1 Page**************************
============================================================ */
#options ul#filter {
	display:none;
}
#filters {
	display:block;
	width:360px;
}
.flx-select {
	width:350px !important;
}
.customSelectInner {
	width:100px !important;
}
#infscr-loading {
	margin-left:-100px;
}
/* =========================================================
**********************Blog v2 Page**************************
============================================================ */
.variable-sizes .element.width5 {
	width:380px;
	height:auto;
	margin:5px auto;
}
.blog-v2-img {
	width:21.019108%;
	margin-right:2.123142%;
}
.blog-v2-img img {
	width:100%;
}
.element.width5 .entry-content {
	width:76.857749%;
}
/* =========================================================
**********************Blog v3 Page**************************
============================================================ */
#sticky_navigation {
	display:block;
}
.ss-links {
	left:0;
	top:0;
	display:none;
}
.ss-container .element footer .footer-meta {
	width:90%;
	float:none;
	margin-bottom:10px;
}
.element .entry-comments, .element .entry-views {
	margin-right:15px;
}
/* =========================================================
************************Single Page*************************
============================================================ */
/*------------------ Comments List ---------------------*/
#comments {
	margin-top:20px;
	margin-bottom:0;
}
.comments-list .children.depth-1 {
	margin-left:0;
}
/* =========================================================
**************************Contact Page**********************
============================================================ */
.contact-box #respond {
	width:90.895296%;
	margin:0 4.552352%;
	padding-bottom:10px;
}
#comments-form, #comments-form p {
	width:100%;
}
#comments-form #comment_name, #comments-form #comment_email, .contact-page #comments-form #comment_name, .contact-page #comments-form #comment_email {
	width:94.901503%;
	padding:0 1.669449%;
}
#comments-form label {
	margin: 10px 0;
	width:100%;
	float:none;
	display:block
}
#comments-form #comment_message, .contact-page #comments-form #comment_message {
	width:94.951586%;
	padding:10px 1.669449%;
}
#comments-form label.error {
	left:45%;
	top:20px;
}
#comments-form .comment-button span {
	margin-left:0;
}
.contact-info {
	margin:20px 3.338898% 40px 5.008347%;
}

/* =========================================================
***************************Post Page************************
============================================================ */
#center-col {
	float:none;
	width:85% !important;
	margin:25px auto !important;
}
#center-col .white-box, .fixed-width #main-content #center-col .white-box {
	margin:0 auto;
}
.right-sidebar-page #center-col .white-box {
	margin:0 auto !important;
}
#right-sidebar, #left-sidebar, .fixed-width #right-sidebar, .fixed-width #left-sidebar {
	float:none;
	width:85%;
	margin:0 auto !important;	
}
#right-sidebar {
	margin-top:0;
}
#right-sidebar .widget, #left-sidebar .widget, .fixed-width #right-sidebar .widget, .fixed-width #left-sidebar .widget {
	margin:0 auto 20px;
	width:90%;
}
.flickr-wrap {
	width:100%;
}
.flickr-badge-image {
	width:11.314286%;
	padding:0.010714%;
}
.flickr-badge-image a {
	width:100%;
	display:block;
}
.flickr-badge-image img {
	width:100%;
	display:block;
}
#respond h3 {
	margin-bottom:5px;
}
/* =========================================================
*************************Blog v4 Page***********************
============================================================ */
#center-col .blog-container {
	margin:0 25px 0 70px;;
}
/*------------------ Pagination ---------------------*/
.pagination {
	margin:0 0 10px 70px;
}
.pagination li {
	margin-right:5px;
}
.pagination li a {
	padding:0px 5px;
}
/* =========================================================
*************************Elements Page**********************
============================================================ */
.element-box {
	margin-right:25px;
}
.fixed-width .element-box {
	margin-left:25px;
}
/*---------------list style--------------*/
.elements-list .default-list, .elements-list .circle-list, .elements-list .check-list, .elements-list .arrow-list, .elements-list .star-list {
	width:48%;
}
h2.table-title {
	font-size:28px;
	margin:20px 0;
}
table.table1, table.table2, .table2 tfoot th, table.table3 {
	font-size:13px;
	text-align:right;
}
.table1 tfoot td {
	font-size:16px;
}
.table2 thead th, .table2 tfoot td {
	font-size:14px;
	padding:20px 10px;
	text-align:center;
}
.table2 tbody td {
	text-transform:lowercase;
	text-align:center;
	padding:5px;
}
.table3 tfoot td {
	font-size:16px;
	text-align:center;
}
.table3 tbody tr:nth-child(4) td {
	font-size:14px;
}
.table1 tbody td, .table3 thead th {
	padding:5px;
}
.table1 thead th {
	padding:5px;
	text-align:center;
}
.table1 tbody th {
	padding:0 5px;
	text-align:right;
}
table.table3 {
	text-transform:lowercase;
}
.table3 tbody td:nth-child(2n), .table3 tbody td:nth-child(2n+1), .table3 thead th {
	text-align:center;
}
.table1 tfoot th, .table3 tfoot th {
	text-align:right;
}
.table3 tfoot th {
	padding:0 10px;
}
.vegas-overlay, .vegas-background, #tubular-container {
	left:0 !important;
}

#logo-image {
	margin:10px auto 25px;
	display:none;
}

/* =========================================================
************************Lightbox detail**********************
============================================================ */
.pp_content_container, .pp_top, .pp_bottom, div.pp_pic_holder, div.ppt {
	width:100% !important;
}
div.pp_overlay {
	width:100% !important;
}
.pp_content, .pp_details {
	width:99% !important;
}
.pp_content {
	height:auto !important;
	padding:0 0 40px 0;
}
.pp_inline img {
	width:100%;
	margin:0 0 10px 0;
}
.pp_inline .entry-content {
	width:100%;
	margin:0;
}
#fullResImage, #pp_full_res iframe {
	width:100% !important;
	height:auto !important;
}
.pp_pic_holder {
	height:auto !important;
}
.page-404 {
	margin:0 auto;
	width:85%;
}
.contact-box, .felix-map {
	margin-top:25px;
}

}

@media only screen and (max-width: 479px) {
	
/* =========================================================
***************************Columns**************************
============================================================ */
.last {
	margin-right:0 !important;
}
.wrapper {
	width:100%;
	margin:0 auto;
	position:relative;
}
#left-panel {
	display:block;
}
.close-panel {
	left:250px !important;
	-webkit-transition: all 0.4s ease-in-out;
 	-moz-transition: all 0.4s ease-in-out;
 	-o-transition: all 0.4s ease-in-out;
 	transition: all 0.4s ease-in-out;
}
#sidebar {
	display:none;
}
#container {
    margin: 0 auto;
    padding: 0 5px;
}
/* =========================================================
*********************Main content***************************
============================================================ */
#main-content {
	left:0;
}
.home-s2 #main-content {
	height:auto;
}
.fixed-width #main-content {
	width:100% !important;
}
#logo-image {
	display:none;
}
#mobile-logo-image {
	display:block;
	margin:15px auto;
}
#main-nav {
	margin:10px 25px 30px 25px;
}

/*---------------Sequence Slider----------------*/
.controls {
	display:none;
}
.prev {
	left:10px;
}
.next {
	right:10px;
}
#sequence h2 {
	font-size:34px;
	line-height:30px;
}
#sequence .slide3 h2 {
	font-size:30px;
	white-space: pre-wrap;
}
#sequence p {
	line-height:20px;
	font-size:14px;
}
.button-1 {
	margin-left:0;
	display:none;
}
.button-1 a, .button-2 a {
	font-size:18px;
	height:36px;
	line-height:36px;
	padding:0 10px;
}
#sequence h4 {
	font-size:30px;
	line-height:26px;
	margin-bottom:10px;
}
.slide3 p {
	font-size:16px;
}
.slide3 {
	width:100%;
	margin-left:0;
}
.animate-in .slide3 {
	top:10%;
	left:0%;
}
.animate-in .button-2 {
	top:30%;
	left:27%;
}
.animate-in .intro, .animate-in .slide2 {
	top:10%;
}
.animate-in .button-1 {
	top:30%;
	left:28%;
}
.animate-in .ipad {
	left:50%;
	top:35%;
}
.ipad {
	width:60%;
}
.ipad-1 {
	width:53%;
}
.ipad-2 {
	width:45%;
}
.animate-in .ipad-1 {
	top:38%;
	left:31%;
}
.animate-in .ipad-2 {
	top:41%;
	right:62%
}
.icon-1 {
	width:90%;
	margin-left:-45%;
}
.slide2 {
	width:100%;
	text-align:center;
}
.animate-in .slide2 {
	left:0%;
}
.html5 {
	width:90%;
	margin-left:-45%;
}
.animate-in .html5 {
	top:40%;
}

/* =========================================================
**********************About Page**************************
============================================================ */
.about-widget {
	width:85%;
	margin:25px auto;
}
.about-top {
	width:93.174062%;
	padding:20px 3.412969% 20px 3.412969%;
}
.about-top img {
	position:static;
	left:0;
	width:100%;
	margin-bottom:20px;
}
.service-box li {
	width:100%;
	height:200px;
}
.service-box li .service-title {
	font-size:18px;
}
/* =========================================================
**********************Portfolio Page**************************
============================================================ */
.variable-sizes .element.width1 {
	width:280px;
}
.variable-sizes .element.height1 {
	height:280px;
}
.variable-sizes .element.height2 {
	height:280px;
}
.variable-sizes .element.width1.height2 {
	height:180px;
}
.variable-sizes .element.height3 {
	height:312px;
}
.variable-sizes .element.height7, .variable-sizes .element.height14 {
	height:318px;
}
/* =========================================================
**********************Blog v1 Page**************************
============================================================ */
#options ul#filter {
	display:none;
}
#filters {
	display:block;
}
.flx-select {
	width:300px !important;
}
.customSelectInner {
	width:100px !important;
}
.variable-sizes .element.width2, .variable-sizes .element.width3, .variable-sizes .element.width4, .variable-sizes .element.width5, .variable-sizes .element.width6 {
	width:280px;
	margin:10px auto;
}
.variable-sizes .element.width2 a.blog-img, .variable-sizes .element.width2 a.blog-img img
.variable-sizes .element.width3 a.blog-img, .variable-sizes .element.width3 a.blog-img img,
.variable-sizes .element.width4 a.blog-img, .variable-sizes .element.width4 a.blog-img img,
.variable-sizes .element.width5 a.blog-img, .variable-sizes .element.width5 a.blog-img img,
.variable-sizes .element.width6 a.blog-img, .variable-sizes .element.width6 a.blog-img img {
	width:100%;
	height:auto;
	display:block;
}
.element .blog-img .flx-time {
	display:none;
}
#infscr-loading {
	margin-left:-100px;
}
/* =========================================================
**********************Blog v2 Page**************************
============================================================ */
.variable-sizes .element.width5 {
	width:280px;
}
.blog-v2-img {
	width:100%;
	margin-right:0;
	margin-bottom:5px;
}
.blog-v2-img img {
	width:100%;
}
.element.width5 .entry-content {
	width:100%;
}
.element .entry-content .flx-time {
	display:none;
}
.entry-likes {
	margin-bottom:10px;
}
.element footer {
	margin-top:5px;
	padding:5px 0;
}
/* =========================================================
**********************Blog v3 Page**************************
============================================================ */
#sticky_navigation {
	display:block;
}
.ss-links {
	left:0;
	display:none;
}
.time-filter {
	position:fixed;
	top:0;
	width:100%;
	background:#3b5998;
	z-index:98;
}
.filter-picker {
	display:block;
	z-index:99;
	position:fixed;
	right:7.5%;
}
#filter-by-category.blog-v3 {
	position:fixed;
	border-top:none !important;
}
.ss-container {
	margin-top:-30px;
}
.ss-container .element footer .footer-meta {
	width:55%;
}
.element .entry-comments, .element .entry-views {
	margin-right:10px;
}
.ss-left {
	padding-right:0;
}
.ss-left, .ss-right {
	width:85%;
	margin:0 auto;
	float:none;
}
.ss-container .element {
	width:96%;
	padding:2%;
}
.ss-left .element, .ss-right .element {
	margin:0 0 10px 0 !important;
}
.ss-left .ss-circle-deco:after {
	border:none;
	background:none;
}
.ss-right {
	padding-left:0;
}
.ss-container h2 {
	text-align:center;
	font-size:20px;
}
.ss-container:before {
	width:0;
}
/* =========================================================
************************Single Page*************************
============================================================ */
.white-box {
	width:85%;
	margin:25px auto;	
	}
.entry-box .flx-time {
	display:none;
}
.entry-header-right {
	margin-left:0;
}
.entry-header-right .entry-date {
	margin-bottom:5px;
}
.meta-data {
	float:left;
}
.entry-box .entry-thumb {
	width:100%;
}
/*------------------ Comments List ---------------------*/
#comments {
	margin-top:20px;
	margin-bottom:0;
	width:100%;
}
.comments-list, .comments-list .comment, .comments-list .comment .comment-wrap {
	width:100%;
}
.comment-wrap img {
	width:15.067138%;
	margin-right:4.355713%;
}
.comment-wrap .comment-body {
	margin-left:21.422851%;
}
.comments-list .children.depth-1 {
	margin-left:0;
}
/* =========================================================
**************************Contact Page**********************
============================================================ */
.felix-map {
	float:none;
	width:83%;
	margin:25px auto;
	height:400px !important;
	border:5px solid #FFF;
}
.contact-box {
	width:85%;
	margin:0 auto;
	float:none;
	border-left:none;
}
.contact-box #respond {
	width:100%;
	margin:0;
	padding-bottom:10px;
}
#comments-form, #comments-form p {
	width:100%;
}
#comments-form #comment_name, #comments-form #comment_email, .contact-page #comments-form #comment_name, .contact-page #comments-form #comment_email {
	width:94.901503%;
	padding:0 1.669449%;
}
#comments-form label {
	margin: 10px 0;
	width:100%;
	float:none;
	display:block
}
#comments-form #comment_message, .contact-page #comments-form #comment_message {
	width:94.951586%;
	padding:10px 1.669449%;
}
#comments-form label.error {
	left:34%;
	top:20px;
}
#comments-form .comment-button span {
	margin-left:0;
}
.contact-info {
	margin:20px 0 40px;
}

/* =========================================================
***************************Post Page************************
============================================================ */
#center-col {
	float:none;
	width:100% !important;
	margin:25px auto;
}
.left-sidebar-page #center-col .white-box {
	margin:0 auto;
}
#center-col .white-box, .right-sidebar-page.fixed-width #center-col .white-box, .fixed-width .element-box {
	margin:0 auto !important;
	width:85%
}
#right-sidebar, #left-sidebar, .fixed-width #right-sidebar, .fixed-width #left-sidebar {
	float:none;
	width:85%;
	margin:25px auto !important;
}
#right-sidebar {
	margin:0 auto;
	width:85%;
}
#right-sidebar .widget, #left-sidebar .widget, .fixed-width #right-sidebar .widget, .fixed-width #left-sidebar .widget {
	margin:0 auto 20px;
	width:100%;
}
.flickr-wrap {
	width:100%;
}
.flickr-badge-image {
	width:24.514286%;
	padding:0.010714%;
}
.flickr-badge-image a {
	width:100%;
	display:block;
}
.flickr-badge-image img {
	width:100%;
	display:block;
}
#right-sidebar #login #username, #right-sidebar #login #password, #left-sidebar #login #username, #left-sidebar #login #password {
	width:198px;
}
/* =========================================================
*************************Blog v4 Page***********************
============================================================ */
#center-col .blog-container {
	margin:0 25px 25px 25px;
}
/*------------------ Pagination ---------------------*/
.pagination {
	margin:0 25px 0px 25px;
}
.pagination li {
	margin-right:5px;
	margin-bottom:5px;
}
.pagination li a {
	padding:0px 3px;
	font-size:11px;
}
/* =========================================================
*************************Elements Page**********************
============================================================ */
.element-box {
	margin-right:25px;
}
/*---------------list style--------------*/
.elements-list .default-list, .elements-list .circle-list, .elements-list .check-list, .elements-list .arrow-list, .elements-list .star-list {
	width:48%;
}
h2.table-title, table.table3, table.table2, table.table1{
	display:none;
}
.vegas-overlay, .vegas-background, #tubular-container {
	left:0 !important;
}

#logo-image {
	margin:10px auto 25px;
}
/* =========================================================
**********************404 Page******************************
============================================================ */
.page-404 img {
	width:80%;
	margin-top:50px;
}
.page-404 h2 {
	font-size:40px;
}
.page-404 p {
	font-size:18px;
}

/* =========================================================
************************Lightbox detail**********************
============================================================ */
div.pp_pic_holder, div.ppt {
	width:85% !important;
	margin:0 9% !important;
	left:0 !important;
}
div.pp_default .pp_content_container .pp_right {
	padding-right:18px;
}
div.pp_overlay {
	width:100% !important;
}
.pp_content, .pp_details {
	width:99% !important;
}
.pp_content {
	height:auto !important;
	padding:0 0 40px 0;
}
.pp_inline img {
	width:100%;
	margin:0 0 10px 0;
}
.pp_inline .entry-content {
	width:100%;
	margin:0;
}
#fullResImage, #pp_full_res iframe {
	width:100% !important;
	height:auto !important;
}
.pp_pic_holder {
	height:auto !important;
}

table.table4 tr td, table.table4 th {
	padding:5px;
}

}

@media only screen and (min-width: 1037px) and (max-width: 1296px) and (min-height:737px) and (max-height: 816px) {
#sequence {
	height:800px;
}

}

@media only screen and (min-width: 1041px) and (max-width: 1296px) and (min-height:617px) and (max-height: 736px) {
#sequence {
	height:720px;
}

}

@media only screen and (min-width: 977px) and (max-width: 1040px) and (min-height:617px) and (max-height: 784px) {

#sequence {
	height:768px;
}
.animate-in .ipad-1 {
	top:27%;
}
.animate-in .ipad-2 {
	top:30%;
}
.animate-in .slide3 {
	top:13%;
}
.animate-in .icon-1 {
	top:35%;
}
.animate-in .intro {
	top:8%;
}
.animate-in .button-1 {
	top:24%;
}
.animate-in .html5 {
	top:40%;
}
.animate-in .ipad {
	top:17%;
}
.animate-in .ipad-1 {
	top:23%;
}
.animate-in .ipad-2 {
	top:26.5%;
}
.animate-in .slide2 {
	top:30%;
}

}

@media only screen and (min-width: 977px) and (max-width: 1036px) and (min-height:557px) and (max-height: 616px) {
#sequence {
	height:600px;
}
.slide2 {
	width:80%;
	text-align:center;
}
}

@media only screen and (min-width: 817px) and (max-width: 976px) and (min-height:497px) and (max-height: 556px) {
#sequence {
	height:540px;
}
.slide2 {
	width:80%;
	text-align:center;
}
.animate-in .ipad {
	top:25%;
}
.animate-in .slide2 {
	top:5%;
}
.animate-in .ipad-1 {
	top:32%;
}
.animate-in .ipad-2 {
	top:37%;
}
}

@media only screen and (min-width: 617px) and (max-width: 816px) and (min-height:1037px) and (max-height: 1296px) {
#sequence {
	height:1280px;
}
.slide2 {
	width:80%;
	text-align:center;
}
.html5, .icon-1 {
	width:90%;
	margin-left:-45%;
}

}

@media only screen and (min-width: 617px) and (max-width: 816px) and (min-height:337px) and (max-height: 496px) {
#sequence {
	height:480px;
}
.slide2 {
	width:80%;
	text-align:center;
}
.animate-in .ipad {
	top:33%;
}
}

@media only screen and (min-width: 557px) and (max-width: 616px) and (min-height: 977px) and (max-height: 1036px) {
#sequence {
	height:1020px;
}
.slide2 {
	width:80%;
	text-align:center;
}
}

@media only screen and (min-width: 557px) and (max-width: 784px) and (min-height:817px) and (max-height: 1040px) {

#sequence {
	height:1020px;
}
.html5, .icon-1 {
	margin-left:-45%;
	width:90%;
}
.ipad {
	width:40%;
}
.ipad-1 {
	width:34%;
}
.ipad-2 {
	width:30%;
}
.animate-in .ipad-1 {
	left:42%;
	top:37%;
}
.animate-in .html5 {
	top:40%;
}
.animate-in .button-1 {
	top:25%;
}
.animate-in .ipad {
	top:33%;
}
.animate-in .ipad-2 {
	top:39%;
}

}


@media only screen and (min-width: 497px) and (max-width: 556px) and (min-height: 817px) and (max-height: 976px) {
#sequence {
	height:960px;
}
.slide2 {
	width:80%;
	text-align:center;
}
}

@media only screen and (max-width: 496px) and (min-height: 337px) and (max-height: 816px) {
#sequence {
	height:800px;
}
.slide2 {
	width:80%;
	text-align:center;
}
.animate-in .slide2 {
	left:10%;
}
}

@media only screen and (min-width: 337px) and (max-width: 496px) and (max-height: 336px) {

#sequence {
	height:268px;
}
.intro, .button-1, .slide3, .slide2 {
	display:none;
}
.animate-in .html5 {
	top:2%;
}
.animate-in .icon-1 {
	top:10%;
}
.ipad {
	width:40%;
}
.animate-in .ipad {
	top:3.5%;
	left:60%;
}
.animate-in .ipad-1 {
	top:9.5%;
	left:43%;
}
.ipad-1 {
	width:35%;
}
.ipad-2 {
	width:30%;
}
.animate-in .ipad-2 {
	top:15.5%;
	right:64%;
}

}

@media only screen and (max-width: 336px) and (max-height: 496px) {
	
#sequence {
	height:410px;
}
.animate-in .ipad {
	top:33%;
}
.animate-in .ipad-1 {
	top:37%;
}
.animate-in .icon-1 {
	top:43%;
}

}


/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  }

html,
body {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  background-color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

a {
	text-decoration:none;
	color:#626262;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
}
a:hover {
	color:#ffffff;
}
ol,
ul {
  list-style: none;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
  list-style: none;
}

table {
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: middle;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}


/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/**** Isotope CSS3 transitions ****/

.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
#container {
	padding: 0 15px;
	margin: 0 auto;
}
.element {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px;
	float: left;
	overflow: hidden;
	position: relative;
	padding:9px;
	background:url(../images/background/bottom-shadow-1.png) repeat-x 0 bottom #fff;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.element * {
	margin: 0;
}
.variable-sizes .element.width1 {
	width: 380px;
}
.variable-sizes .element.width2 {
	width: 180px;
}
.variable-sizes .element.width3 {
	width: 370px;
}
.variable-sizes .element.width4 {
	width: 365px;
}
.variable-sizes .element.width5 {
	width: 471px;
}
.variable-sizes .element.width6 {
	width: 360px;
}
.variable-sizes .element.height1 {
	height: 380px;
}
.variable-sizes .element.height2 {
	height: 180px;
}
.variable-sizes .element.height3 {
	height: 423px;
}
.variable-sizes .element.height4 {
	height: 168px;
}
.variable-sizes .element.height5 {
	height: 278px;
}
.variable-sizes .element.height6 {
	height: 315px;
}
.variable-sizes .element.height7 {
	height: 432px;
}
.variable-sizes .element.height8 {
	height: 177px;
}
.variable-sizes .element.height9 {
	height: 298px;
}
.variable-sizes .element.height10 {
	height: 288px;
}
.variable-sizes .element.height11 {
	height: 136px;
}
.variable-sizes .element.height12 {
	height: 406px;
}
.variable-sizes .element.height13 {
	height: 258px;
}
.variable-sizes .element.height14 {
	height: 431px;
}
.element .wrap-theme {
	display: block;
	position: relative;
	height: 100%;
	text-align: center;
}
.element .wrap-theme p {
	background-color: none;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	filter:alpha(opacity=0);
	margin-bottom: 0;
	z-index: 999;
}
.element:hover .wrap-theme p {
	display: block;
	opacity: 1;
	filter:alpha(opacity=100);
	color: #fff;
}
.element.flx-visual-art .wrap-theme p, .element.flx-ill .wrap-theme p, .element.flx-3d .wrap-theme p, .element.flx-icon .wrap-theme p, .element.flx-digital .wrap-theme p {
	background: rgba( 237, 20, 91, 0) url('../images/icons/picture.png') no-repeat -50px 50%;
}
.element.flx-visual-art:hover .wrap-theme p, .element.flx-ill:hover .wrap-theme p, .element.flx-3d:hover .wrap-theme p, .element.flx-icon:hover .wrap-theme p, .element.flx-digital:hover .wrap-theme p {
	background: rgba( 237, 20, 91, 0.9) url('../images/icons/picture.png') no-repeat 50% 50%;
}
.element.flx-music .wrap-theme p {
	background: rgba( 237, 20, 91, 0) url('../images/icons/music.png') no-repeat -50px 50%;
}
.element.flx-music:hover .wrap-theme p {
	background: rgba( 237, 20, 91, 0.9) url('../images/icons/music.png') no-repeat 50% 50%;
}
.element.flx-video .wrap-theme p {
	background: rgba( 237, 20, 91, 0) url('../images/icons/video.png') no-repeat -50px 50%;
}
.element.flx-video:hover .wrap-theme p {
	background: rgba( 237, 20, 91, 0.9) url('../images/icons/video.png') no-repeat 50% 50%;
}
.element .wrap-theme img {
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	z-index: 888;
	width: 100%;
	margin: 0 auto;
}
.element:hover .wrap-theme img {
	-moz-transform: scale(1.5, 1.5);
	-o-transform: scale(1.5, 1.5);
	-webkit-transform: scale(1.5, 1.5);
}
.element .wrap-theme p strong {
	color: #d61559;
	font-size: 15px;
	padding: 3px 15px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	margin-top: 5px;
	display: inline-block;
}
/**** Example Options ****/

#options {
	margin-bottom: 20px;
	text-align: center;
}
#options ul#filter {
	margin: 0;
	display:inline-block;
	list-style: none;
	background: #FFF url(../images/background/bg-filter.gif) bottom repeat-x;
	width: 100%;
	border-bottom:1px solid #FFF;
}
#options #filter li {
	float: left;
}
#options #filter li a {
	color: #4D4D4D;
	display:block;
	cursor: pointer;
	font-size: 12px;
	height: 36px;
	line-height: 33px;
	padding: 0 20px;
	font-family: 'Coda', cursive;
	border-bottom:4px solid rgba(237,20,91,0);
}
#options #filter li a:hover,
#options #filter li a.selected,
#options #filter li a:active {
	color: #ED145B;
	background-color: #f6f6f6;
	border-bottom:4px solid rgba(237,20,91,1);
}

/*Mobile filter*/
#filters {
	display: none;
	margin:25px auto 0;
	width:85%;
}
span.customSelect {
	font-size: 11px;
	color: #5d5d5d;
	padding: 8px 2%;
	width: 96%;
	height: 15px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, .9);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, .9);
		background-image: linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		background-image: -o-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(230,230,230)),
			color-stop(1, rgb(250,250,250))
		);
		
}
span.customSelect.changed {
	background-color: #f0dea4;
	text-align:left;
}
.customSelectInner {
	background: url(../images/background/canvas-list-nav-item-arrow.gif) no-repeat right 5px;
}
/*for Blog Timeline*/
#sticky_navigation { 
	width:100%; 
	height:50px;
	z-index:999;
	display:none;
}
.wrapper-dropdown-1 {
    /* Size and position */
    position: relative; /* Enable absolute positionning for children and pseudo elements */
    width: 80%;
    padding: 10px;
    margin: 0 auto;

    /* Styles */
    color: #6d6d6d;
    outline: none;
    cursor: pointer;

    /* Font settings */
    font-weight: bold;
	z-index:999;
	
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, .9);
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, .9);
		background-image: linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		background-image: -o-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 0%, rgb(250,250,250) 100%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(230,230,230)),
			color-stop(1, rgb(250,250,250))
		);
}

.wrapper-dropdown-1:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent #7d7d7d;    
}

.wrapper-dropdown-1 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;

    /* Styles */
    background: #fff;
    list-style: none;
    font-weight: normal; /* Cancels previous font-weight: bold; */

    /* Hiding */
    opacity: 0;
    pointer-events: none;
	z-index:999;
}

.wrapper-dropdown-1 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #6d6d6d;
    padding: 10px 20px;
}

/* Hover state */
.wrapper-dropdown-1 .dropdown li:hover a {
    background: #f1f1f1;
}

/* Active state */
.wrapper-dropdown-1.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.wrapper-dropdown-1.active:after {
    border-color: #7d7d7d transparent;
    border-width: 6px 6px 0 6px ;
    margin-top: -3px;
}

.wrapper-dropdown-1.active {
	color:#FFF;
  background: #7d7d7d;
  background: -moz-linear-gradient(left,  #7d7d7d 0%, #7d7d7d 78%, #ffffff 78%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7d7d7d), color-stop(78%,#7d7d7d), color-stop(78%,#ffffff), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(left,  #7d7d7d 0%,#7d7d7d 78%,#ffffff 78%,#ffffff 100%);
  background: -o-linear-gradient(left,  #7d7d7d 0%,#7d7d7d 78%,#ffffff 78%,#ffffff 100%);
  background: -ms-linear-gradient(left,  #7d7d7d 0%,#7d7d7d 78%,#ffffff 78%,#ffffff 100%);
  background: linear-gradient(to right,  #7d7d7d 0%,#7d7d7d 78%,#ffffff 78%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7d7d', endColorstr='#ffffff',GradientType=1 );
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown {
    display: block;
}

/**** Infinite Scroll ****/

#infscr-loading {
	font-family:Arial, Helvetica, sans-serif;
	position: fixed;
	text-align: center;
	bottom: 30px;
	left: 50%;
	z-index: 100;
	background: white;
	background: hsla( 0, 0%, 100%, 0.9 );
	padding: 20px;
	color: #222;
	font-size: 12px;
	font-weight: 400;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-style:normal;
}
/**** Portfolio detail ****/
.pp_inline img {
	float: left;
	margin: 1%;
	width: 68%;
}
.pp_inline .entry-content {
	width: 28%;
	float: left;
	margin: 1%;
}
.pp_inline .entry-content .entry-title {
	text-transform: uppercase;
	color: #ed145b;
	font-size: 18px;
	font-family: 'Coda', cursive;
	margin-bottom: 1px;
	line-height: 30px;
}
.portfolio-meta {
	margin: 10px 0;
	padding-bottom: 10px;
	background: url(../images/icons/entry-info.png) no-repeat 0 3px;
}
.portfolio-meta p span {
	display: inline-block;
	width: 50px;
	font-weight: bold;
	font-size: 11px;
	margin-right: 5px;
	color: #a0a0a0;
	margin-left: 40px;
}
.portfolio-meta a {
	font-size: 11px;
	margin-left: 10px;
	color: #a0a0a0;
}
.portfolio-meta a:hover {
	color: #ed145b;
}
.portfolio-meta .entry-categories, .portfolio-meta .entry-author {
	margin-bottom: 5px;
	color: #474747;
}
.pp_inline .entry-content p.details {
	background: url(../images/icons/quote-icon-2.png) no-repeat left 0;
	margin-bottom: 0;
	padding-left: 40px;
	color:#505050;
	font-size:11px;
	line-height:16px;
}
#pp_full_res .pp_inline p {
	margin: 0 !important;
}


div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer; margin-right:5px;}
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto; display:none;}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0; display:none !important;}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none !important;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative; display:none !important;}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0; display:none;}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff;}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}


.da-slider{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	-webkit-transition: background-position 1s ease-out 0.3s;
	-moz-transition: background-position 1s ease-out 0.3s;
	-o-transition: background-position 1s ease-out 0.3s;
	-ms-transition: background-position 1s ease-out 0.3s;
	transition: background-position 1s ease-out 0.3s;
}
.da-slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: left;
}
.da-slide-current{
	z-index: 1000;
}
.da-slider-fb .da-slide{
	left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
	left: 0px;
}
.da-slide .da-content,
.da-slide .da-link,
.da-slide .da-img{
	position: absolute;
	opacity: 0;
	left: 110%;
}
.da-slider-fb .da-slide .da-content,
.da-slider-fb .da-slide .da-link{
	left: 10%;
	opacity: 1;
}
.da-slider-fb .da-slide .da-img{
	left: 48%;
	opacity: 1;
}
.da-slide .da-content {
	top: 200px;
	z-index: 10;
	background-color:#ed145b;
	width:26.121969%;
	text-align:center;
	height:70px;
	padding:30px 2.939015%;
}
.da-slide h2{
	color: #fff;
	font-size: 31px;	
	white-space: nowrap;	
	font-family: 'Open Sans', sans-serif;
	margin-bottom:10px;
	font-weight:400;
}
.da-slide p {
	margin-bottom:0;
	font-size:13px;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
}
.da-slide .da-img{
	text-align: center;
	width: 42%;
	top: 100px;
	height: 256px;
	line-height: 320px;
	left: 110%; /*60%*/
}
.da-slide .da-img img {
	display:block;
	width:100%;
	height:auto;
}
.da-slide .da-link{
	top: 270px; /*depends on p height*/
	border-radius: 30px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border: 8px solid rgba(255,255,255,0.8);
	padding: 2px 20px 0px;
	font-size: 18px;
	line-height: 30px;
	width: 80px;
	text-align: center;
	background: rgba(255,255,255,0.2);
}
.da-slide .da-link:hover{
	background: rgba(255,255,255,0.3);
}
.da-dots{
	display:none;
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 20px;
	z-index: 2000;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #e4b42d;
	margin: 3px;
	cursor: pointer;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots span.da-dots-current:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span{
	position: absolute;
	top: 37%;
	height: 56px;
	width: 56px;
	
	cursor: pointer;
	z-index: 2000;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out 0.2s;
	transition: opacity 0.4s ease-in-out 0.2s;
}
.da-slider:hover .da-arrows span{
	opacity: 1;
}
.da-arrows span.da-arrows-prev{
	left: 15px;
	background:url(../images/slider/parallax-nav.png) no-repeat 0 0;
}
.da-arrows span.da-arrows-next{
	right: 15px;
	background:url(../images/slider/parallax-nav.png) no-repeat -64px 0;
}
.da-arrows span.da-arrows-prev:hover{
	background:url(../images/slider/parallax-nav.png) no-repeat 0 -64px;
}
.da-arrows span.da-arrows-next:hover{
	background:url(../images/slider/parallax-nav.png) no-repeat -64px -64px;
}

.da-slide-current .da-content,
.da-slide-current .da-link{
	left: 10%;
	opacity: 1;
}
.da-slide-current .da-img{
	left: 48%;
	opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright .da-content{
	-webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .da-link{
	-webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
	animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 48%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 25%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 48%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 48%; opacity: 1; }
}

@keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 48%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft .da-content{
	-webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-link{
	-webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 48%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 48%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 48%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 48%; opacity: 1; }
}

@keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 48%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright .da-content{
	-webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright .da-link{
	-webkit-animation: toRightAnim3 0.4s ease-in-out both;
	-moz-animation: toRightAnim3 0.4s ease-in-out both;
	-o-animation: toRightAnim3 0.4s ease-in-out both;
	-ms-animation: toRightAnim3 0.4s ease-in-out both;
	animation: toRightAnim3 0.4s ease-in-out both;
}
.da-slide-toright .da-img{
	-webkit-animation: toRightAnim4 0.6s ease-in-out both;
	-moz-animation: toRightAnim4 0.6s ease-in-out both;
	-o-animation: toRightAnim4 0.6s ease-in-out both;
	-ms-animation: toRightAnim4 0.6s ease-in-out both;
	animation: toRightAnim4 0.6s ease-in-out both;
}
@-webkit-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
	0%{ left: 48%;  opacity: 1; }
	30%{ left: 40%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
	0%{ left: 48%;  opacity: 1; }
	30%{ left: 40%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
	0%{ left: 48%;  opacity: 1; }
	30%{ left: 40%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
	0%{ left: 48%;  opacity: 1; }
	30%{ left: 40%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
	0%{ left: 48%;  opacity: 1; }
	30%{ left: 40%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft .da-content{
	-webkit-animation: toLeftAnim1 0.6s ease-in-out both;
	-moz-animation: toLeftAnim1 0.6s ease-in-out both;
	-o-animation: toLeftAnim1 0.6s ease-in-out both;
	-ms-animation: toLeftAnim1 0.6s ease-in-out both;
	animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft .da-link{
	-webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}
@-webkit-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ left: 48%;  opacity: 1; }
	70%{ left: 24%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
	0%{ left: 48%;  opacity: 1; }
	70%{ left: 24%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
	0%{ left: 48%;  opacity: 1; }
	70%{ left: 24%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
	0%{ left: 48%;  opacity: 1; }
	70%{ left: 24%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ left: 48%;  opacity: 1; }
	70%{ left: 24%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

.vegas-slider {
	text-align:center;
	position:relative;
	z-index:1;
	width:100%;
	height:auto;
}
.vegas-loading {
	border-radius: 10px;
	background: #000;
	background: rgba(0,0,0,0.7);
	background: url(../images/background/loading.gif) no-repeat center center; /* Loading Gif by http://preloaders.net/ */
	height: 32px;
	left: 20px;
	position: fixed;
	top: 20px;
	width: 32px; 
	z-index: 0;
}

.vegas-overlay {
	background:url(../placeholders/vegas/overlays/06.png) repeat;
	opacity: 0.5;
	z-index: 0;
}

.vegas-background {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
    max-width: none !important; /* counteracts global img modification by twitter bootstrap library */
	z-index: -2;
}

.vegas-overlay,
.vegas-background {
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.vegas-slider #menu {
	display:inline-block;
	margin:0 0 0 -240px;
	position:fixed;
	bottom:50px;
}
.vegas-slider #menu li {
	float:left;
	list-style:none;
	margin:0px 10px !important;
	position:relative;
}
.vegas-slider #menu li a {
	outline:none;
}
.vegas-slider #menu a {
	color:#ed145b;
	text-decoration:none;
	display:block;	
}
.vegas-slider #menu a img {
	border:5px solid #FFF;
	width:90px;
	height:90px;
}
.vegas-slider #menu a:hover img {
	border:5px solid #ed145b;	
}
.vegas-slider #menu a:active img {
	border:5px dotted #ed145b;
}
.vegas-slider #pause {
	background:#000;
	cursor:pointer;
	display:none;
	font-size:24px;
	left:0;
	line-height:100px;
	height:100%;
	position:absolute;
	text-align:center;
	top:0;
	width:100%;
	margin:0;
	padding:0;
}


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 15px; background: #fff; border: 1px solid #ddd; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1; padding:10px;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0; display:none;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.html) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center; display:none;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}